javascript - 为什么选中复选框时 DOM 没有更新？

Question

<div id="myDiv">
    <input type="checkbox" id="chkAgreement" value="Y" />
</div>

当在浏览器中执行 $("#myDiv").html() 或检查 chkAgreement 元素时，标记不会更新。我期待一个 checked 属性。

我需要获取 HTML 并将其保存在数据库中。但令我惊讶的是，该复选框未被选中，即使它是 - $("#chkAgreement").is(":checked") 返回 true。

如何使用复选框的正确选中属性更新 DOM？

当用户选中该框时，我应该执行 $("#chkAgreement").attr("checked", "checked") 吗？它有效，但这是正确的方法还是我错过了一些东西？

Answer 1

也许这可以工作(如果你已经有 jQuery):

<script type="text/javascript">
$(document).ready(function(){
    $("#chkAgreement").change(function() { 
        if($(this).is(":checked")) { 
            //your code to update ...
        } else {
           // else statement ...
        }
    }); 
});
</script>