2017-08-24 64 views
-1

嗨,大家好,我只是想问问如何应对检查与相同名称的checkbox但有不同的价值观jQuery的检查单中选择,如果名称相同,但multipled如果相同的价值观

例如,

<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相同,然后全部3将被检查,而所有2将被取消选中。

请帮帮忙,谢谢:)

+0

如果您想检查单个复选框,那么'name'属性对于每个'input'字段都必须是唯一的。 – Josh

+0

@JoshSpears它不是单独的,这个复选框被分组,但如果我想检查一个名称不同的值,最后一个不同值的复选框将被取消选中 – GGw

+0

您需要使用无线电功能。 –

回答

1

您可以使用该值搜索其它输入改变的输入的兄弟姐妹和他们的checked属性设置为true,同样设置checkedfalse与不同价值观的兄弟姐妹:

$('[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) 
 
});
<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"/>

+0

谢谢队友:)非常真棒 – GGw

+0

我的荣幸,很高兴帮助!干杯:) –

-1

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

相关问题