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

Question

我想知道是否有办法让我拥有 2 组单选按钮例如

第 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 的单选按钮 car 和 Tv 并且只允许笔单选按钮处于事件状态

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