javascript - 使用 jQuery 单击选择单选按钮

Question

我正在尝试使用 jQuery 选择单击时的单选按钮。但我似乎无法让它发挥作用。这是我当前的尝试。

JS

$(document).ready(function() {
  $("#payment").click(function(event) {
    event.preventDefault()
    $("input:radio[name=slug_tier_1]").attr("checked", true)
  })
});

HTML

  <label class="plans__tier-1__actions">
    <%= radio_button_tag "slug", "tier_1", required: true %>
    <a href="#" class="button" id="payment">Select</a>
  </label>

名称截图

这似乎应该有效？有什么事情突然发生在你​​身上吗？

Answer 1

$("input[type='radio'][name='slug_tier_1']").attr("checked", true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="slug_tier_1">

如果输入的名称在渲染的 HTML 中相同，则选择器应该是

$("input[type='radio'][name='slug_tier_1']").attr("checked", true);

应该像 [] 中的任何其他属性一样给出类型。此外，名称应该用引号引起来。请参阅link

来自 RoR Docs

radio_button_tag 'gender', 'male'
# => <input id="gender_male" name="gender" type="radio" value="male" />

所以在这种情况下，名称应该只是slug。 slug_tier_1 是元素的 ID。

要么尝试

$("input[type='radio'][id='slug_tier_1']").attr("checked", true);

或者

$("input[type='radio'][name='slug']").attr("checked", true);