jQuery是一個輕量級的JavaScript庫,它簡化了HTML文檔遍歷、事件處理、動畫效果和AJAX交互操作。在此基礎上,我們可以通過jQuery來實現靈活的checkbox狀態改變。
//HTML代碼 <input type="checkbox" id="cbx" value="1"/> //jQuery代碼 $(document).ready(function() { $('#cbx').change(function() { if($(this).is(':checked')) { console.log('選中了'); } else { console.log('取消了'); } }); });
上述代碼使用jQuery的change()方法來監聽checkbox的狀態改變事件,當狀態改變時,根據是否被選中來打印不同的提示信息。通過這種方式,我們可以方便地處理checkbox狀態改變的邏輯代碼。
同時,jQuery還提供了其他許多方法和插件,例如checkbox全選/反選、checkbox聯動等等,讓我們能夠更加靈活地應對不同的場景需求。