使用JQuery需求:实现全选和全不选通过class属性使用if-else
可以通过以下代码实现全选和全不选的功能:
$(document).ready(function(){
// 全选
$("#select-all").click(function(){
$(".checkbox").prop("checked", true);
});
// 全不选
$("#deselect-all").click(function(){
$(".checkbox").prop("checked", false);
});
});
在HTML中,你需要有一个全选的按钮和一个全不选的按钮,并给它们分别添加id属性为"select-all"和"deselect-all"。此外,你还需要有一组复选框,它们的class属性设置为"checkbox",以便通过jQuery选择它们。
示例HTML代码如下:
<button id="select-all">全选</button>
<button id="deselect-all">全不选</button>
<input type="checkbox" class="checkbox">
<input type="checkbox" class="checkbox">
<input type="checkbox" class="checkbox">
这样,当你点击"全选"按钮时,所有具有class属性为"checkbox"的复选框都会被选中;当你点击"全不选"按钮时,所有复选框都会取消选中。
如果你还有其他的需求或有任何问题,请随时告诉我
原文地址: https://www.cveoy.top/t/topic/ixXq 著作权归作者所有。请勿转载和采集!