JQuery 是一個非常流行的 JavaScript 庫,它可以讓我們輕松地操作 HTML 元素,包括多選框的選中狀態。下面是使用 JQuery 選中多選框的示例:
// HTML 代碼 <input type="checkbox" id="checkbox1" name="checkbox1" value="1"> 選項1 <input type="checkbox" id="checkbox2" name="checkbox2" value="2"> 選項2 <input type="checkbox" id="checkbox3" name="checkbox3" value="3"> 選項3 // JQuery 代碼 $("#checkbox1").prop("checked", true); // 選中復選框1 $("#checkbox2").prop("checked", true); // 選中復選框2
上面的代碼中,我們使用了 JQuery 的 prop() 方法來設置選中狀態。第一個參數是屬性名,可以填 checked、disabled、selected 等,第二個參數是要設置的屬性值。
如果要取消選中狀態,只需要把第二個參數設置為 false:
// JQuery 代碼 $("#checkbox1").prop("checked", false); // 取消選中復選框1 $("#checkbox2").prop("checked", false); // 取消選中復選框2
除了使用 prop() 方法,我們還可以使用 attr() 方法來設置選中狀態。不過需要注意的是,attr() 方法只能設置單選框(radio)和復選框(checkbox)的 value 屬性。
// JQuery 代碼 $("#checkbox1").attr("checked", true); // 選中復選框1 $("#checkbox2").attr("checked", true); // 選中復選框2
通過上面的示例,相信大家已經了解如何使用 JQuery 選中多選框了。