在引导程序中仅选择一个复选框

Question

我在不同的表行中有几个具有相同类名的复选框。我希望一次只选择其中一个。我正在尝试类似以下的操作，但没有任何效果，

$('.sev_check').click(function() {

                $('.sev_check').not(this).prop('checked', false);
});

或者，

$('.sev_check').click(function() {
    $cur=$(this).prop('checked');
    $(".sev_check").each(function(){ 
       $(this).prop('checked',false);
    })
    $(this).prop('checked', $cur);  
});

这是我的复选框的对齐方式，

超文本标记语言，

<div class="checkbox text-center">
    <label class="form-checkbox form-icon">
        <input id="s_fac" type="checkbox" class="sev_check">
    </label>
</div>

Answer 1

你的方法效果很好，试试小提琴

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

这是一个显示其工作原理的小提琴：https://jsfiddle.net/ruidfigueiredo/h3kfj2n9/2/

Answer 2

您的第一种方法对我有用，就像您在代码片段中看到的那样，但是您可以使用不同的方法，例如：

$(函数(){
   $('.sev_check').change(function(e) {
       e.preventDefault();
       $('.sev_check').not(this).prop('检查', false);
       $(this).prop('已检查', true);
   });
});

$(function () {
   $('.sev_check').change(function(e) {
       e.preventDefault();
       $('.sev_check').not(this).prop('checked', false);
       $(this).prop('checked', true);
   });
});

$(function () {
  $('.sev_check').click(function(e) {
    $('.sev_check').not(this).prop('checked', false);
  });
});