Question

我有几个类OuterDiv的div包含类InnerDiv的div，其中包含单选按钮。

<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')....

});

我可以进入单选按钮，但我仍然坚持选择并取消选中任何当前选定的按钮（除非选择一个自动取消选择所有其他按钮）。

感谢您的建议。

Answer 1

我不确定为什么你需要两个DIV来包装它。一个人会这样做。

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

Answer 2

尝试使用

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

Answer 3

试试这个

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

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

});

working Demo

根据事件选择单选按钮

3 个答案: