当另一个单选按钮被选中时如何取消选择单选按钮?

问题描述:

我想知道如果有一种方法,其中i有I 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 

的问题是,如果我选择单选按钮从组2 例如考试它应该停用收音机butons车和组1电视,并允许只有笔单选按钮激活

+0

你的HTML是有点过。 – 2011-05-04 12:33:16

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

当单击考试单选按钮时,应该禁用“汽车”输入。

修改你的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

+0

hEy谢谢拉胡尔你的解决方案真的很成功。再次感谢! – 2011-05-04 13:02:08