Question

大家好我只是想询问如何处理检查具有相同名称但具有不同值的checkbox

例如，

  <input type="checkbox" name="my_name" values="1"/>
  <input type="checkbox" name="my_name" values="2"/>
  <input type="checkbox" name="my_name" values="2"/>
  <input type="checkbox" name="my_name" values="3"/>
  <input type="checkbox" name="my_name" values="3"/>

我想要的只是：如果我只检查值为1的那个将被检查，如果我用2检查值，则将取消选中1并且将检查值为2的所有值，与三个相同然后全部将检查3，同时取消选中所有2。

请帮助，谢谢：）

Answer 1

您可以使用该值搜索已更改输入的其他输入，并将其checked属性设置为true，同样将checked设置为false对于具有不同价值观的兄弟姐妹：

＆＃13;

$('[name=my_name]').on('change', function() {
  var $this = $(this);
  $this.siblings('[value='+this.value+']').prop('checked', true)
  $this.siblings('[value!='+this.value+']').prop('checked', false)
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
1 <input type="checkbox" name="my_name" value="1"/>
2 <input type="checkbox" name="my_name" value="2"/>
2 <input type="checkbox" name="my_name" value="2"/>
3 <input type="checkbox" name="my_name" value="3"/>
3 <input type="checkbox" name="my_name" value="3"/>

＆＃13;

Answer 2

多输入类型不能具有相同的名称，但可以具有相同的类名。而不是检查名称attr cheak而不是类attr。

jQuery检查单个选择是否相同的名称，但如果相同的值则倍增

2 个答案: