欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery checkbox 互斥

洪振霞2年前11瀏覽0評論

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點擊事件進行互斥即可。