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

標籤：解決   賦值   function   for   log   nbsp   name   get   沒有   

問題描述：使用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();

 

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