在開發過程中,我們經常會遇到判斷一個checkbox,是否為選中狀態;以及通過js來改變checbox的選中狀態。下面介紹使用jquery來判斷及改變checkbox選中狀態。
工具/原料
jQuery核心js
方法/步驟
使用JQuery判斷一個checkbox 是否為選中。
$("input[type='checkbox']").is(':checked');
選中為true,未選中為false
使用attr方法進行checkbox狀態的改變。
選中:$("input[type='checkbox']").attr("checked",true);
取消選中:$("input[type='checkbox']").attr("checked",false);
但是有時使用attr操作,雖然屬性值改變了,但是頁面上的checkbox並沒有選中。
在這種情況下,建議使用prop方法來操作改變checkbox選中狀態。
選中:$("input[type='checkbox']").prop("checked",true);
取消選中:$("input[type='checkbox']").prop("checked",false);
使用Jquery獲取checkbox的值,在沒有給value值的情況下,獲取的值為"on"。
使用Jquery獲取checkbox的值,給value值的情況下,獲取的值是value值。
注意事項
使用attr改變checkbox狀態,有時不起作用,但使用prop的方法,在低版本的jquery中會提示無該方法。