如何使用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将在此处选择第一个单选按钮。