Jquery - 单击时选中/取消选中单选按钮

Question

假设我有2个单选按钮，每个按钮都包含在div中。

<div>
  <div class="form-radio selected">
    <input type="radio" checked/>
  </div>
  <div class="form-radio >
    <input type="radio"/>
  </div>
</div>

我希望能够单击div元素form-radio（parent），这样用户可以更轻松地单击而不是单选按钮，并且仍然像单击单选按钮一样工作。我怎么能用jquery做到这一点？

Answer 1

您可以使用 .find() 让孩子input和 .prop() 设置{{1}的已检查状态}}：

input