根据事件选择单选按钮

我有几个包含InnerDiv类的div的包含单选按钮的div的OuterDiv类。根据事件选择单选按钮

<div class="OuterDiv"> 
    <div class="InnerDiv"> 
    <input type="radio" name="TheOptions" />option 1 
    </div> 
</div> 

<div class="OuterDiv"> 
    <div class="InnerDiv"> 
    <input type="radio" name="TheOptions" />option 2 
    </div> 
</div> 

<div class="OuterDiv"> 
    <div class="InnerDiv"> 
    <input type="radio" name="TheOptions" />option 3 
    </div> 
</div>

我期待捕捉事件“用户点击div”使相应的单选按钮被选中。

这是我到目前为止有：

$('.OuterDiv .InnerDiv').click(function { 

    $(this).find('radio').... 

});

我能得到的单选按钮，但我卡在使其选择和作出任何当前选择的按钮未选中的（除非选择一个自动取消选择所有其他人）。

感谢您的建议。

来源

2011-04-12 frenchie

尝试

来源

2011-04-12 18:24:49 mcgrailm

好的，非常酷。谢谢。 – frenchie 2011-04-12 19:07:03

我不知道为什么你需要两个DIV来包装它。一个会做。

$(this).find('input').attr('checked','true'）使用

$(this).find('radio').attr('selected','selected');

来源

2011-04-12 18:11:57

试试这个

$('.OuterDiv .InnerDiv').click(function() { 

    $(this).find('input:radio').attr('checked','checked'); 

});

working Demo

来源

2011-04-12 18:12:01

'选择' 是下拉列表。并没有“收音机”这样的标签。 – 2011-04-12 18:12:54

根据事件选择单选按钮

回答

相关问题