jQuery是一種廣泛使用的JavaScript庫,用于快速簡化代碼的編寫。其中,jQuery checkbox互斥是一種十分實用的功能。在一些開發情境中,需要實現在多個checkbox選項中只能選中其中一個的效果。這時候,jQuery checkbox互斥的功能就可以派上用場。
// HTML代碼選項1選項2選項3 // jQuery代碼 $(function() { $('input[name="checkboxGroup"]').click(function() { // 在click事件中獲取當前所選的checkbox的值 var selectedValue = $('input[name="checkboxGroup"]:checked').val(); // 將所有checkbox都取消選中狀態 $('input[name="checkboxGroup"]').prop('checked', false); // 將當前所選的checkbox設為選中狀態 $('#' + selectedValue).prop('checked', true); }); });
以上代碼實現了在多個checkbox選項中只能選中其中一個的效果。在使用中,只需要將所有checkbox的name屬性設為同一個值,通過jQuery點擊事件進行互斥即可。