我有一张元素表,每一行都有一个选中或退出的复选框。由于项目清单可能很长,我想提供一个"全球"复选框以勾选所有复选框或根据此全局复选框的设置取消选中它们。 我已经创建了完全相同的jQuery代码,但不幸的是只有一次。我无法一次又一次地切换设置。有什么想法?谢谢!
这是我的代码:
country
答案 0 :(得分:1)
jQuery('#ci-firmware-assign-toggle-checkbox').change(function(){
$('.ci-firmware-assign-checkbox').prop("checked", $(this).is(":checked"))
});
答案 1 :(得分:0)
我这样做了
jQuery('#ci-firmware-assign-toggle-checkbox').click(function(){
if(jQuery('#ci-firmware-assign-toggle-checkbox').is(":checked")) {
$( '.ci-firmware-assign-checkbox' ).prop( "checked", function() {
return true;
})
} else {
$( '.ci-firmware-assign-checkbox' ).prop( "checked", function() {
return false;
})
}
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id='ci-firmware-assign-toggle-checkbox' type='checkbox' />Toggle All<br/>
<input id='1' type='checkbox' class='ci-firmware-assign-checkbox' />Checkbox 1<br/>
<input id='2' type='checkbox' class='ci-firmware-assign-checkbox' />Checkbox 2
&#13;
似乎工作正常
答案 2 :(得分:0)
jQuery('#ci-firmware-assign-toggle-checkbox').click(function(){
if(jQuery('#ci-firmware-assign-toggle-checkbox').is(":checked")) {
jQuery('tbody .ci-firmware-assign-checkbox').each(function(){
if(!jQuery(this).**prop**("checked")) {
jQuery(this).**prop**('checked', 'checked');
};
});
} else {
jQuery('tbody .ci-firmware-assign-checkbox').each(function(){
if(jQuery(this).**prop**("checked")) {
jQuery(this).**removeProp**('checked');
};
});
}
});
属性 - &gt; HTML - 仅在html中进行更改
属性 - &gt; DOM - 在dom javascript状态对象中进行更改