使用JQuery需求:实现全选和全不选通过class属性
你可以使用以下代码来实现全选和全不选的功能:
$(document).ready(function(){
// 全选按钮点击事件
$("#selectAll").click(function(){
$(".checkbox").prop("checked", true);
});
// 全不选按钮点击事件
$("#deselectAll").click(function(){
$(".checkbox").prop("checked", false);
});
});
在上面的代码中,我们给全选按钮和全不选按钮分别添加了id属性为"selectAll"和"deselectAll"。同时,我们给需要全选和全不选的复选框添加了class属性为"checkbox"。在点击全选按钮时,我们使用.prop("checked", true)将所有class为"checkbox"的复选框的选中状态设置为true,从而实现全选的功能。在点击全不选按钮时,我们使用.prop("checked", false)将所有class为"checkbox"的复选框的选中状态设置为false,从而实现全不选的功能。
请确保在DOM加载完成后执行上述代码,以确保所有元素都已加载
原文地址: https://www.cveoy.top/t/topic/ixXp 著作权归作者所有。请勿转载和采集!