jQuery是一種非常流行的JavaScript庫,專門用于操作HTML文檔。其中一個非常有用的功能是選中元素屬性,如checked屬性。本文將介紹如何使用jQuery來操作checked屬性。
$(document).ready(function() { $(".checkbox").change(function() { if(this.checked) { console.log("選中啦!"); } else { console.log("取消選中!"); } }); });
上面的代碼演示了如何檢測復(fù)選框的選中狀態(tài)。當(dāng)復(fù)選框的選中狀態(tài)發(fā)生改變時,函數(shù)將被觸發(fā),然后檢測是否被選中。如果被選中,那么就在控制臺輸出“選中啦!”,如果取消選中,就輸出“取消選中!”。
$(document).ready(function() { $(".selectAll").click(function() { $(".checkbox").prop("checked", true); }); $(".deselectAll").click(function() { $(".checkbox").prop("checked", false); }); });
另一個常見的需求是選中或取消選中所有復(fù)選框。上面的代碼演示了如何在單擊“全選”或“取消全選”按鈕時選中或取消選中所有復(fù)選框。這是通過使用prop()方法實(shí)現(xiàn)的。
在這篇文章中,我們已經(jīng)學(xué)會了如何使用jQuery來操作checked屬性。無論你是想檢測選中狀態(tài)還是控制選中狀態(tài),這些簡單的代碼都可以幫助你實(shí)現(xiàn)目標(biāo)。