jQuery checkbox on是一種非常實用的功能,可以幫助開發(fā)者在頁面中實現(xiàn)復(fù)選框的選中狀態(tài)切換。下面我們詳細了解一下這個功能。
$(document).ready(function(){ $('input[type="checkbox"]').on('click', function(){ if ($(this).prop('checked')==true){ $(this).val('on'); console.log('選中'); } else { $(this).val('off'); console.log('未選中'); } }); });
上述代碼中,我們首先使用了一個document.ready事件來確保頁面加載完畢后再運行腳本。然后,我們通過選擇器選中了所有type為checkbox的input元素,并在它們點擊時綁定了一個click事件。
當這個復(fù)選框被選中時,我們將它的值設(shè)置為'on',并在控制臺輸出'選中'的信息。當復(fù)選框被取消選中時,我們將它的值設(shè)置為'off',并在控制臺輸出'未選中'的信息。
在實際應(yīng)用中,jQuery checkbox on功能能夠讓開發(fā)者輕松地在頁面中實現(xiàn)復(fù)選框的選中狀態(tài)切換,并根據(jù)選中狀態(tài)執(zhí)行相應(yīng)的操作。同時,由于jQuery是一種跨瀏覽器的JavaScript庫,所以這個功能具有一定的兼容性,不會因為瀏覽器的不同而產(chǎn)生奇怪的Bug。