2011-05-04 95 views
0

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

回答

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

當單擊考試單選按鈕時,應該禁用「汽車」輸入。

2

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

相關問題