如何使用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会选择那里的第一个单选按钮。