Блог

У меня есть несколько разделов класса outerDiv, которые содержат разделы класса InnerDiv, содержащие переключатели.

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

});
  

Я могу перейти к переключателю, но я застрял на том, чтобы сделать его выбранным и отменить выбор любой из выбранных в данный момент кнопок (если только выбор одной из них автоматически не отменяет выбор всех остальных).

Спасибо за ваши предложения.

попробуйте это

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

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

});
  

рабочая демонстрация

Я не уверен, зачем вам нужны ДВА DIVS для его переноса. Подойдет один.

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

Попробуйте использовать

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