javascript - 使用 jQuery 单击 li 时如何选择单选按钮？

Question

我正在显示一个列表，每个列表中都有一个单选按钮。我想在单击父 li 时选择 li 内的单选按钮。

列表代码:

$(".skin-complexion-list > li").click(function() {
  $(".skin-complexion-list > li > img + input[type=radio]").prop("checked", true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="skin-complexion-list">
  <li>
    <img src="{{ 'icon-fair.png' | asset_url }}">
    Fair
    <input type="radio" name="skincomplexion" value="Fair" />
  </li>

  <li>
    <img src="{{ 'icon-medium.png' | asset_url }}">
    Medium
    <input type="radio" name="skincomplexion" value="Medium" />
  </li>

  <li>
    <img src="{{ 'icon-dark.png' | asset_url }}">
    Dark
    <input type="radio" name="skincomplexion" value="Dark" />
  </li>
</ul>

上面的 jquery 代码不工作。任何帮助表示赞赏。谢谢

Answer 1

您应该能够选择嵌套的单选按钮

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

引用。 http://api.jquery.com/radio-selector/