jQuery控制checkbox選中狀態但是不顯示選中

問題描述：使用jQuery來控制checkbox的選中狀態，但是第一次點擊出現選中樣式，之后點擊可以看到checked的屬性增加成功但是並沒有選
中狀態。

問題代碼：

function chooseAllOrNot(id){
var choose=$("input[name='"+id+"']").attr('checked');
if(choose=='checked'){
$("input[type=checkbox][name='"+id+"']").removeAttr('checked');
choose=$("input[name='"+id+"']").attr('checked');
}else{
$("input[type=checkbox][name='"+id+"']").attr('checked', 'true');
choose=$("input[name='"+id+"']").attr('checked');
}
}

　　

解決方法：

function chooseAllOrNot(id){
var choose=$("input[name='"+id+"']").prop('checked');
if(choose){
$("input[type=checkbox][name='"+id+"']").removeProp('checked');
choose=$("input[name='"+id+"']").prop('checked');
}else{
$("input[type=checkbox][name='"+id+"']").prop('checked', true);
choose=$("input[name='"+id+"']").prop('checked');
}
}

　　

　　或者使用javascript原生代碼來實現

var fir = document.getElementsByName("name");
for(var i=fir;i<fir.length;i++){
fir[i].checked = true;
}

　　

總結：使用attr()給屬性checked賦值，發現無論賦予什么值，只要給這個屬性賦值了就是選中狀態，使用.attr('checked', 'true');
和.attr('checked', 'false')，結果都是選中狀態，可以使用attr()和removeAttr(),或者使用.attr('checked', true);和.attr
('checked', false)，但是使用attr()出現了只有第一次會出現選中和取消選中的狀態，后面點擊沒有選中狀態但是代碼顯示對checked屬性控制成
功的，只能改為使用prop()或者使用javascript原生代碼來控制，才不會出現上述情況。

附：

什么時候使用attr()，什么時候使用prop()？
1.添加屬性名稱該屬性就會生效應該使用prop();
2.是有true,false兩個屬性使用prop();
3.其他則使用attr();