複選框使用jquery的行爲

Question

我有3複選框，我想要以下行爲。

1. 如果我點擊一個複選框，其他人不選。
2. 如果我點擊一個被選中的複選框，沒有任何反應。

我有這樣的jQuery中：

('input.checkboxClassName').on('click', function() { 
    $('input.checkboxClassName').not(this).prop('checked', false); 
}); 

我得到＃1，但不是＃2。有任何想法嗎？非常感謝。

Answer 1

$('input.checkboxClassName').on('click', function(e){ 
    if(!$(this).is(':checked')) { 
     e.preventDefault(); 
    } else { 
     $('input.checkboxClassName').not(this).prop('checked', false); 
    } 
}); 

這段代碼將檢查輸入框是否已被檢查（在if塊中）。

小提琴：https://jsfiddle.net/jy0b83pq/1/

Answer 2

試試這個

$(document).ready(function() { 
    $("#yourcheckbox").click(function() { 
     var checkBoxes = $("input[name=yourcheckboxname\\[\\]]"); 
     checkBoxes.prop("checked", !checkBoxes.prop("checked")); 
    });     
});