在實現復選框功能時,checkbox
元素是很常見的一種。而通過使用jQuery
,可以實現非常方便的單擊取消選中功能。
$("input[type='checkbox']").click(function(){ //如果該復選框處于選中狀態,則將其取消選中 if($(this).prop("checked")){ $(this).prop("checked", false); } });
以上代碼會在所有的checkbox
元素上注冊單擊事件。當單擊某個checkbox
元素時,判斷其是否處于選中狀態,如果是則通過.prop()
方法取消選中。
另外,也可以使用.removeAttr()
方法來實現。以下是相應的代碼:
$("input[type='checkbox']").click(function(){ //如果該復選框處于選中狀態,則將其取消選中 if($(this).prop("checked")){ $(this).removeAttr("checked"); } });
無論使用哪種方法,都可以方便地實現單擊取消選中功能,提高用戶體驗。