如何取消選中另一組中的某個單選按鈕

Question

我有2組單選按鈕。當點擊組中的按鈕時，應該取消選中另一組中的任何按鈕，反之亦然。 我在下面試過，只有一次。 我認爲最聰明的方式是click（）。但我無法理解它。有什麼建議麼？

function uncheckRadioBtnSet(){ 
    if ($('[name="a"]').is(':checked')){ 
    $('input[name="b"]').removeAttr('checked'); 
    $(this).off('click'); 
    }else{ 
    $('input[name="a"]').removeAttr('checked'); 
    $(this).off('click'); 
    } 
} 

$("input[name='a']").click(function(){ 
    uncheckRadioBtnSet(); 
}); 
$("input[name='b']").click(function(){ 
    uncheckRadioBtnSet(); 
}); 

<input type="radio" name="a" value="1"><br> 
<input type="radio" name="a" value="2"><br> 
<input type="radio" name="a" value="3"><br> 

<h6> separator </h6> 

<input type="radio" name="b" value="4"><br> 
<input type="radio" name="b" value="5"><br> 
<input type="radio" name="b" value="6"><br> 

Answer 1

您可以使用此：

$("input[name='a']").click(function(){ 
    $('input[name="b"]').prop("checked", false); 
}); 
$("input[name='b']").click(function(){ 
    $('input[name="a"]').prop("checked", false); 
}); 

演示：https://jsfiddle.net/iRbouh/xn61vs1q/

Answer 2

如果我們對所有單選按鈕使用相同的名稱這將是確定

<input type="radio" name="a" value="1"><br> 
 
<input type="radio" name="a" value="2"><br> 
 
<input type="radio" name="a" value="3"><br> 
 
<h6> 
 
separator 
 
</h6> 
 
<input type="radio" name="a" value="4"><br> 
 
<input type="radio" name="a" value="5"><br> 
 
<input type="radio" name="a" value="6"><br>

Answer 3

根據新的要求試試這個nanocode :)

$("input[name='a'], input[name='b']").click(function(){ 
    $('input[name="'+{b: 'a',a: 'b'}[this.name]+'"]').prop("checked", false); 
}); 

Plunker

---

更新代碼

$("input[name='item_meta[313]'], input[name='item_meta[314]']").click(function(){ 
    $('input[name="'+{'item_meta[313]' : 'item_meta[314]', 'item_meta[314]' : 'item_meta[313]'}[this.name]+'"]').prop("checked", false); 
}); 

然而，可讀性的原因，你也可以這樣寫代碼：

var obj = { 
    'item_meta[313]' : 'item_meta[314]', 
    'item_meta[314]' : 'item_meta[313]' 
} 
$("input[name='item_meta[313]'], input[name='item_meta[314]']").click(function(){ 
    $('input[name="'+obj[this.name]+'"]').prop("checked", false); 
}); 

See this updated Plunker