Question

我正在尝试检索“today_div”的html，因为它在浏览器中看起来像。

问题是，即使用户点击了复选框，当检索如下时，div的html也不会在复选框html中显示“已选中”。

如何通过更改检索html？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<script type="text/javascript" src="./js/jquery-1.10.2.min.js"></script>
</head>
<body>

<div id="today_div">
<input type="checkbox" name="as" class="achk">
</div>

<script language="JavaScript" type="text/javascript" defer=true>

$(document.body).on( "change",'.achk', function() {
    var s = $('#today_div').html();
    alert(s);
});

</script>

</body>
</html>

更新：任何人都知道为什么以上不起作用？如果用户选中了不够的复选框？他还必须在javascript中设置它。很奇怪。

Answer 1

喜欢：

$(document.body).on( "change",'.achk', function() {
    var $this = $(this),
        is_checked = $(this).attr("checked") ? "checked" : "";
    $this[0].setAttribute("checked", is_checked);
    alert($('#today_div').html());
});

演示:: jsFiddle

Answer 2

$(document).on( "change",'.achk', function() {
    if($(this).is(":checked")){
       $(this).attr("checked","checked");
    }else{
       $(this).removeAttr("checked");
    }
    var s = $('#today_div').html();

    alert(s);
});

参见 demo

参考 attr

jquery - 检索对表单的更改

2 个答案: