使用jquery判斷及改變checkbox選中狀態?

Tags: ,

在開發過程中,我們經常會遇到判斷一個checkbox,是否為選中狀態;以及通過js來改變checbox的選中狀態。下面介紹使用jquery來判斷及改變checkbox選中狀態。

工具/原料

jQuery核心js

方法/步驟

使用JQuery判斷一個checkbox 是否為選中。

$("input[type='checkbox']").is(':checked');

選中為true,未選中為false

使用jquery判斷及改變checkbox選中狀態

使用jquery判斷及改變checkbox選中狀態

使用attr方法進行checkbox狀態的改變。

選中:$("input[type='checkbox']").attr("checked",true);

取消選中:$("input[type='checkbox']").attr("checked",false);

使用jquery判斷及改變checkbox選中狀態

但是有時使用attr操作,雖然屬性值改變了,但是頁面上的checkbox並沒有選中。

使用jquery判斷及改變checkbox選中狀態

在這種情況下,建議使用prop方法來操作改變checkbox選中狀態。

選中:$("input[type='checkbox']").prop("checked",true);

取消選中:$("input[type='checkbox']").prop("checked",false);

使用jquery判斷及改變checkbox選中狀態

使用jquery判斷及改變checkbox選中狀態

使用Jquery獲取checkbox的值,在沒有給value值的情況下,獲取的值為"on"。

使用jquery判斷及改變checkbox選中狀態

使用Jquery獲取checkbox的值,給value值的情況下,獲取的值是value值。

使用jquery判斷及改變checkbox選中狀態

使用jquery判斷及改變checkbox選中狀態

注意事項

使用attr改變checkbox狀態,有時不起作用,但使用prop的方法,在低版本的jquery中會提示無該方法。

,
相關問題答案