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

前端之家收集整理的这篇文章主要介绍了如何通过jQuery获取表单html(),包括更新的值属性?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以通过.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/

更改输入值并按“click me”后,它仍然返回带有默认值的HTML.

如何通过jQuery简单地获取更新的HTML?

解决方法

如果您确实必须拥有HTML,则需要手动更新“value”属性
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());
    });
});

猜你在找的jQuery相关文章