怎么做？我可以做這個
<input type='checkbox' id='selectAll'/>
<input type='checkbox' id='select1' class='select'/>
<input type='checkbox' id='select2' class='select'/>
當jQuery的選擇所有#selectAll檢查
$('#selectAll').click(function(){
if($(this).prop("checked")) {
$(".select").prop("checked", true);
} else {
$(".select").prop("checked", false);
}
});
如何反向操作？如果我檢查#select1，并#select2隨后#selectAll得到遏制自動.....
uj5u.com熱心網友回復：
這段較短的代碼可以按預期作業。
$('#selectAll').click(function() {
$(':checkbox.select').prop('checked', $(this).is(':checked'));
});
$(':checkbox.select').click(function() {
$('#selectAll').prop('checked', $(':checkbox.select').length === $(':checked.select').length);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type='checkbox' id='selectAll'/>
<input type='checkbox' id='select1' class='select'/>
<input type='checkbox' id='select2' class='select'/>uj5u.com熱心網友回復：
請嘗試這樣的事情
$('checkbox').click(function(){
if($("#select1").prop("checked") && $("#select2").prop("checked")) {
$("#selectAll").prop("checked", true);
} else {
$("#selectAll").prop("checked", false);
}
});
$('checkbox').click(function(){
let n = number_of_checkboxes; // can be any number
let checked = 0;
for(let i = 1; i <= n; i ){
if($("#select" "'i'").prop("checked"){
checked = checked 1; // use parseInt if required
}
}
if(checked == n){
$("#selectAll").prop("checked", true);
}
else {
$("#selectAll").prop("checked", false);
}
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/361817.html
標籤：查询