色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery選中多個復選框

邵柳堂1年前7瀏覽0評論

在前端開發中,復選框的選中操作是比較常見的。而當需要同時選中多個復選框時,手動一個一個勾選顯然是很麻煩的。那么,如何使用 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 來選中多個復選框了。