2017-08-24 62 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。

相關問題