jquery attr設定屬性失效問題
阿新 • • 發佈：2018-12-22
解決jquery操作checkbox全選全不選無法勾選問題
最近在工作中使用jquery操作checkbox，使用下面方法進行全選、反選:
$("input[name='checkbox']").attr("checked","checked");
除錯時，前兩次都沒有問題，可以正常顯示選中和取消，但當再去選中的時候，複選框的屬性checkbox值變為"checked"，沒問題，但是複選框卻不在顯示選中狀態，明明屬性值改了，但是卻不顯示勾選，太詭異了。程式碼修改了卻得不到正確的顯示狀態，糾結了很久，找不到原因。
於是乎各種找原因，後來在網上搜到一篇文章提醒了我，原來是jQuery版本問題。
我操作屬性用的是
$("XXX").attr("attrName");而jQuery的版本用的是2.1.1，這就是存在一個相容性和穩定性問題。
jQuery API明確說明，1.6+的jQuery要用prop，尤其是checkBox的checked的屬性的判斷
使用程式碼如下:
$("input[name='checkbox']").prop("checked");
$("input[name='checkbox']").prop("disabled", false);
$("input[name='checkbox']").prop("checked", true);
於是乎將attr改為prop，問題得解。
如果您遇到這個奇怪的問題那就趕緊試試吧！
最近在工作中使用jquery操作checkbox，使用下面方法進行全選、反選:
$("input[name='checkbox']").attr("checked","checked");
除錯時，前兩次都沒有問題，可以正常顯示選中和取消，但當再去選中的時候，複選框的屬性checkbox值變為"checked"，沒問題，但是複選框卻不在顯示選中狀態，明明屬性值改了，但是卻不顯示勾選，太詭異了。程式碼修改了卻得不到正確的顯示狀態，糾結了很久，找不到原因。
於是乎各種找原因，後來在網上搜到一篇文章提醒了我，原來是jQuery版本問題。
我操作屬性用的是
$("XXX").attr("attrName");而jQuery的版本用的是2.1.1，這就是存在一個相容性和穩定性問題。
jQuery API明確說明，1.6+的jQuery要用prop，尤其是checkBox的checked的屬性的判斷
使用程式碼如下:
$("input[name='checkbox']").prop("checked");
$("input[name='checkbox']").prop("disabled", false);
$("input[name='checkbox']").prop("checked", true);
於是乎將attr改為prop，問題得解。
如果您遇到這個奇怪的問題那就趕緊試試吧！