如何使用jQuery设置单选按钮值？

Question

我有以下单选按钮：

         <form id="bg" action="#">
            <span id="questionText">Question Test Here:</span><br/>
            <input type="radio" name="bga"><span id="A1"></span></input><br/>
            <input type="radio" name="bga"><span id="A2"></span></input><br/>
            <input type="radio" name="bga"><span id="A3"></span></input><br/>
            <input type="radio" name="bga"><span id="A4"></span></input><br/>
            <input type="button" name="btn" id="btn" value="OK!"/>
         </form>

我希望能够使用jQuery将每个单独的单选按钮的值设置为不同的值。

Answer 1

var i=0;
$(':radio', $('#bg')[0]).each(function() {
  $(this).attr('value', i++).text("Option " + i);  // value=0, text="Option 1", etc.
});

Answer 2

你可以为每个无线电元素分配一个id，然后为每个无线电元素提供$（“＃id”）。attr（“value”，“thevalueyouwant”）。