如何使用Javascript / Jquery更改单选按钮的值

时间:2012-05-12 01:46:30

标签: javascript jquery radio-button

说我有这台收音机:

<form name="myForm">
  <input type="radio" name="foo" value="1"> 1
  <input type="radio" name="foo" value="2"> 2
</form>

我正在寻找一种方法来做这样的事情:

document.myForm.foo.value = "2";

为了动态选择第二个单选按钮。或者使用jquery执行以下操作的方法。

6 个答案:

答案 0 :(得分:4)

jQuery选择器:

$('input[value="2"][name="foo"]')

答案 1 :(得分:2)

使用此:

$('[name="foo"]').val(2); 

答案 2 :(得分:0)

由于您提出了这种方式,您可以这样做:

document.myForm.foo[1].checked = true; //selects the 2nd radio button

以下是一个示例:http://jsfiddle.net/bTzqw/

答案 3 :(得分:0)

您是否正在寻找类似$(':radio[name=foo]:eq(1)')

的内容

DEMO

答案 4 :(得分:0)

如果您在jQuery集合中按名称获取所有无线电,则可以使用eq()按索引进行选择。

$('input[name="foo"]').eq(1) // 2nd input

答案 5 :(得分:-1)

document.getElementsByName('foo')[1].check();//Or .checked = true