Checkbox 是一種HTML表單元素,它允許用戶通過(guò)選擇其中一個(gè)或多個(gè)選項(xiàng)來(lái)提交表單。Checkbox 選中事件指的是當(dāng)用戶選中或取消選中一個(gè)Checkbox時(shí)觸發(fā)的事件。
// Checkbox選中事件 $(document).ready(function() { $("input[type='checkbox']").change(function() { if(this.checked) { // 當(dāng)選中Checkbox時(shí)執(zhí)行的代碼 console.log("Checkbox已選中!"); } else { // 當(dāng)取消選中Checkbox時(shí)執(zhí)行的代碼 console.log("Checkbox已取消選中!"); } }); });
以上代碼演示了使用jQuery綁定Checkbox選中事件的方法。在該代碼中,我們使用了change()方法來(lái)綁定Checkbox的選中事件,當(dāng)用戶選中或取消選中Checkbox時(shí),change()方法中的回調(diào)函數(shù)就會(huì)被自動(dòng)執(zhí)行。
回調(diào)函數(shù)首先使用this.checked來(lái)判斷當(dāng)前Checkbox是否被選中,如果是,則輸出“Checkbox已選中!”;如果不是,則輸出“Checkbox已取消選中!”。
該方法可以輕松地實(shí)現(xiàn)Checkbox選中事件的響應(yīng),使得頁(yè)面交互更加靈活、方便。