欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery class全選中

林國瑞2年前7瀏覽0評論

jQuery中提供了操作class的函數,通過操作class可以方便地進行全選或全不選等操作。下面就來看一下如何使用jQuery實現(xiàn)全選功能。

// HTML代碼
<form id="myForm">
<input type="checkbox" class="checkbox"/>
<input type="checkbox" class="checkbox"/>
<input type="checkbox" class="checkbox"/>
</form>
// jQuery代碼
$(".checkbox").click(function() {
if ($(this).is(":checked")) {
$(".checkbox").prop("checked", true);
} else {
$(".checkbox").prop("checked", false);
}
});

上面的代碼中,首先需要給每個需要操作的復選框添加相同的class,這里是“checkbox”。然后通過jQuery選擇器選中所有class為“checkbox”的復選框,添加點擊事件。當有復選框的狀態(tài)改變時,判斷當前復選框的狀態(tài)是否被選中,如果是,就將所有復選框的狀態(tài)都設置為選中,否則將所有復選框的狀態(tài)都設置為未選中。

通過上述代碼,就可以方便地實現(xiàn)全選功能。當然,如果需要全不選,則只需要將判斷條件取反即可。