如何使用javascript或jquery预选单选按钮？

Question

我知道这可能很容易，但我无法弄清楚。

我正在使用SAAS购物车解决方案，所以我无法调整表单代码或使用PHP，所以我需要使用javascript或jquery。

在这个购物车中，我有一个表格....

<form method="post" action="cart.php" id="productDetailsAddToCartForm">  
Please Select a Bottle Size:  
<ul>  
<li><label><input name="variation[1]" type="radio" class="RadioButton" value="30"  /> 11oz</label></li> 
<li><label><input name="variation[1]" type="radio" class="RadioButton" value="31"  /> 33oz </label>  
</li>  
</ul>  
</form>

我需要使用jquery或javascript预先选择第一个单选按钮。

你能帮我吗？

Answer 1

$(':input:radio:eq(0)').attr('checked', 'checked');

这将检查页面上的第一个单选框。

Answer 2

您可以使用attr方法进行checked如下所示：

$('.RadioButton:first').attr('checked', true);

要么

$('.RadioButton:first').attr('checked', 'checked');

注意:first会选择那里的第一个单选按钮。