javascript - 当我将checked设置为false时，为什么新创建的复选框会被选中？

Question

当我将此代码放入控制台时，我的网页中最终出现一个复选框:

$('body').append($('<input/>', {
    type: 'checkbox',
    value: "foo",
    checked: false
}));

当我完全删除选中的属性时，该框不会被选中:

$('body').append($('<input/>', {
    type: 'checkbox',
    value: "foo",                                                                  
}));

...但我需要生成一组动态复选框，其中一些已选中，有些则未选中。什么属性/值创建正确的“未检查”状态？

更新:

我正在使用最新的 Chrome。jQuery 版本 3.2.1该代码在这个 fiddle 中按预期工作:https://jsfiddle.net/mmvunhL0/但不是在我的网站上...我想知道是否存在全局设置或触及复选框行为的内容。

Answer 1

您可以使用 .prop 或 .attr 作为复选框

<div id="body">

</div>

<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script>   
var value = true;

$('#body').append($('<input/>', {
                                    type: 'checkbox',
                                    value: "foo",
                                }).prop('checked', value) ) ;
                                
value = false;                                
$('#body').append($('<input/>', {
                                    type: 'checkbox',
                                    value: "foo",
                                }).prop('checked', value) );   
                                
</script>