在JQuery中有一種叫做checkbox的控件,可以讓用戶選擇多項內容,但是如何在JQuery中檢查checkbox是否被選中,可以用到一個叫做checked的屬性。
$("#checkbox").click(function(){ if($(this).prop("checked")){ alert("checkbox被選中了"); } else{ alert("checkbox未被選中"); } });
在上面的代碼中,首先通過click事件為checkbox添加了點擊事件,然后利用prop方法獲取checkbox的狀態(tài),如果其checked屬性為true,就表示被選中了,否則未被選中。
另外,如果需要獲取多個checkbox的選中狀態(tài),可以使用each方法進行遍歷,如下:
$("input[type='checkbox']").each(function(){ if($(this).prop("checked")){ alert($(this).attr("name") + "被選中了"); } else{ alert($(this).attr("name") + "未被選中"); } });
上述代碼中,利用了選擇器獲取了所有的type為checkbox的input標簽,然后利用each方法進行遍歷,通過attr方法獲取其name屬性,然后判斷其checked屬性即可。