编程爱好者之家

jquery checkbox实现反选点击第三次后无效

2018-06-12 13:58:29 425

<input type="checkbox" name="topic_id[]" value="1">橘子
<input type="checkbox" name="topic_id[]" value="1">苹果
<input type="checkbox" name="topic_id[]" value="1">梨
<input type="checkbox" name="topic_id[]" value="1">橙子
<input type="checkbox" id="all" name="selectall" value="1">全选
$("#all").click(function(){    

    if(this.checked){    
        $('input[name="topic_id[]"]').prop("checked", true);   
    }else{    
        $('input[name="topic_id[]"]').prop("checked", false); 
    }    
});

我最初用的是 attr(),只能单词勾选,改成prop()就可以了


延伸:

attr与prop区别

attr可以用来获取或生成“直接写在html标签里的属性”

prop可以用来获取元素的JS属性,如scrollHeight,offsetHeight等。


同类文章