JQuery是一個常用的JavaScript庫,它提供了許多便捷的API,可以方便地操作HTML文檔。其中,JQuery checkbox是常用的一個組件,可以實現用戶只能選擇一個選項的功能。
下面是使用JQuery實現了checkbox打鉤效果的代碼:
<script> $("input[type='checkbox']").on("click", function() { if ($(this).prop("checked")) { $("input[type='checkbox']").not(this).prop("checked", false); } }); </script> <input type="checkbox" name="option1" value="1">選項1 <input type="checkbox" name="option2" value="2">選項2 <input type="checkbox" name="option3" value="3">選項3
以上代碼實現了如下功能:當用戶點擊一個checkbox時,如果它已經被選中了,那么其他的checkbox就會被取消選中。
JQuery checkbox打鉤的實現非常簡單,但在實際的開發中,你可以使用它來實現更加復雜的交互效果,比如當用戶選擇不同的選項時,根據選擇的內容展示不同的內容或者做出不同的響應。