如何在选择另一个单选按钮时取消选择单选按钮？

Question

我想知道是否有一种方式，我有两组单选按钮 例如

第1组

<input  type="radio" name="things" value="car" />  car
<input  type="radio" name="things" value="car" />pen
<input  type="radio" name="things" value="car" />TV

组2

<input  type="radio" name="things" value="exam" />  exam 
<input  type="radio" name="things" value="journey" />journey

问题是我是否从group2中选择了单选按钮 例如，它应该从group1停用无线电按钮车和电视，并且只允许笔单选按钮激活

Answer 1

稍微修改HTML

<div id="grp1">
    <input  type="radio" name="things" value="car" />  car
    <input  type="radio" name="things" value="pen" />pen
    <input  type="radio" name="things" value="tv" />TV
</div>

<div id="grp2">    
    <input  type="radio" name="things" value="exam" />  exam
    <input  type="radio" name="things" value="journey" />journey
</div>

$(function(){
    $("#grp2 input:radio[name='things']").change(function(){
        $("#grp1 input:radio[name='things'][value!='pen']").attr("disabled", true);
    });
});

查看working demo

Answer 2

$("input[value="exam"]").click(function() {
  $("input[value=\"car\"").attr("disabled", "disabled");
});

单击检查单选按钮时，应禁用“car”输入。