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
    属性,它是一个链接而不是复选框我喜欢使用按钮。。。顺便说一句,谢谢你解决了我的问题。