复选框使用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")); 
    });     
});