JQuery的checkbox可以用于讓用戶在表單中選擇多個選項。但是,在提交表單之前,我們需要知道哪些選項被選擇了。這時候我們就可以使用JQuery checkbox的選擇狀態來判斷哪些選項被勾選了。下面我們來看一下如何通過JQuery來實現checkbox的選擇狀態判斷。
$('input[type="checkbox"]').each(function() { if($(this).is(":checked")) { console.log($(this).val() + ' is checked'); } else { console.log($(this).val() + ' is not checked'); } });
以上代碼首先選中了所有的input[type="checkbox"],然后利用each()循環遍歷每個checkbox,判斷它是否被勾選了,如果是則輸出相應的選項值(通過val()獲取),否則輸出未被勾選的狀態。
另外,我們也可以通過選中checkbox時觸發的事件來判斷它的選擇狀態。例如:
$('input[type="checkbox"]').on('change', function() { if($(this).is(":checked")) { console.log($(this).val() + ' is checked'); } else { console.log($(this).val() + ' is not checked'); } });
以上代碼在每個checkbox的change事件中判斷它是否被勾選了。當用戶勾選或取消勾選復選框時,觸發change事件,可以及時更新每個選項的選擇狀態。