jquery - 如何通过 jQuery 获取表单 html() 包括更新的值属性？

Question

是否可以通过 .html() 函数获取具有更新值属性的表单的 html？

(简化的)HTML:

<form>
    <input type="radio" name="some_radio" value="1" checked="checked">
    <input type="radio" name="some_radio" value="2"><br><br>
    <input type="text" name="some_input" value="Default Value">
</form><br>
<a href="#">Click me</a>

jQuery:

$(document).ready(function() 
{
    $('a').on('click', function() {
        alert($('form').html());
    });
});

这是我正在尝试做的一个例子: http://jsfiddle.net/brLgC/2/

更改输入值并按下“点击我”后，它仍会返回具有默认值的 HTML。

我怎样才能简单地通过 jQuery 获取更新后的 HTML？

Answer 1

如果你真的必须有 HTML，你需要手动更新“值”属性: http://jsfiddle.net/brLgC/4/

$(document).ready(function() 
{
    $('a').on('click', function() {
        $("input,select,textarea").each(function() {
           if($(this).is("[type='checkbox']") || $(this).is("[type='checkbox']")) {
             $(this).attr("checked", $(this).attr("checked"));
           }
           else {
              $(this).attr("value", $(this).val()); 
           }
        });
        alert($('form').html());
    });
});