Javascript 如何选中“全选”复选框
我希望当我单击全选时,所有复选框将被选中,当我再次单击所有复选框时,所有复选框将取消选中 但当我点击它时,什么也没发生 我的代码Javascript 如何选中“全选”复选框,javascript,jquery,checkbox,Javascript,Jquery,Checkbox,我希望当我单击全选时,所有复选框将被选中,当我再次单击所有复选框时,所有复选框将取消选中 但当我点击它时,什么也没发生 我的代码 $(文档).ready(函数(){ $(“#全部选中”)。单击(函数(){ var check=$(this.attr('checked'); 如果(检查=“检查”){ $(“#deleteid”).attr('checked','checked'); }否则 $(“#deleteid”).removeAttr('checked'); }); }); 选择1 选
$(文档).ready(函数(){
$(“#全部选中”)。单击(函数(){
var check=$(this.attr('checked');
如果(检查=“检查”){
$(“#deleteid”).attr('checked','checked');
}否则
$(“#deleteid”).removeAttr('checked');
});
});代码>
选择1
选择2
选择3
选择4
选择5
锚点没有选中的属性-我在这里使用数据属性
您必须具有唯一ID,否则不能使用它们-我在name属性上使用“start with”
$(文档).ready(函数(){
$(“#全部选中”)。在(“单击”上,函数(e){
e、 preventDefault();//取消链接
var check=$(this).data(“checked”)==true;
$(this).data(“选中”,!选中);
$(“[name^='deleteid']”)prop('checked',!check);
});
});代码>
选择1
选择2
选择3
选择4
选择5
试试这个
$(函数(){
$(“#全部选中”)。单击(函数(){
if($(this).hasClass('checked')){
$(this).removeClass('checked').text('Select All');
$('.form check input').prop('checked',false);
}否则{
$(this).addClass('checked').text('Unselect All');
$('.form check input').prop('checked',true);
}
返回false;
});
});代码>
选择1
选择2
选择3
选择4
选择5
id(和名称)是唯一的。改为使用类或提供id的唯一id。check all
没有checked
属性,它是一个链接而不是复选框我喜欢使用按钮。。。顺便说一句,谢谢你解决了我的问题。