在前端開發中,復選框的選中操作是比較常見的。而當需要同時選中多個復選框時,手動一個一個勾選顯然是很麻煩的。那么,如何使用 jQuery 快速地選中多個復選框呢?
首先,我們需要給每一個復選框綁定一個相同的 class 名稱,以便后面通過類名來獲取所有的復選框。比如:
<input type="checkbox" class="select-all" value="1" /> <input type="checkbox" class="select-all" value="2" /> <input type="checkbox" class="select-all" value="3" /> <input type="checkbox" class="select-all" value="4" />
接下來,我們可以使用以下 jQuery 代碼來選中所有的復選框:
$('.select-all').attr('checked', true);
上述代碼中,通過傳入類名來獲取所有的復選框,并使用 attr 方法將它們的 checked 屬性設置為 true,即選中狀態。
如果需要取消選中所有的復選框,則可以使用以下代碼:
$('.select-all').attr('checked', false);
需要注意的是,在 jQuery 1.6 版本之后,選中和取消選中復選框的方式有所改動。具體來說,應該使用 prop 方法來設置 checked 屬性:
$('.select-all').prop('checked', true); // 選中所有復選框 $('.select-all').prop('checked', false); // 取消選中所有復選框
至此,我們就成功地通過 jQuery 來選中多個復選框了。