有没有更好的方法使用jquery将组中的最后一个单选按钮设置为“选中”?

时间:2019-04-19 19:30:03

标签: jquery radio

是否存在使用jQuery自动选择一组中的最后一个单选按钮(有4个按钮)的更好或更优选的方法?

$(':radio [name = filter_option]:nth(3)')。prop('checked',true);

这有效,只是好奇是否合适?

2 个答案:

答案 0 :(得分:3)

那当然是正确的。如果可以添加更多单选按钮-但您始终希望选择最后一个项目,则可以使用last

$(':radio[name=filter_option]').last().prop('checked', true);

...,或者,如果您始终知道要选择的商品的价格(与订单无关):

$(':radio[value=third]').prop('checked', true);

...或者,也许您可​​以在输入标签中包含一个类或其他一些可以区分它的属性。即:

$(':radio.autoselect').prop('checked', true);

答案 1 :(得分:1)

我发现了一个简单的解决方案

 <div class="test1_active">
      <input type='radio' name='radio1' class='radioButton' />
      <input type='radio' name='radio1' class='radioButton' />
      <input type='radio' name='radio1' class='radioButton' />        
      <input type='radio' name='radio1' class='radioButton' />
    </div>

<script>
    $('.radioButton').last().prop('checked', true);
</script>

享受jsfiddle链接https://jsfiddle.net/dupinderdhiman/cjh7bqdL/

欢呼