在此处获取所选单选按钮值

时间:2011-10-03 23:37:49

标签: javascript jquery

我的表单中有html,看起来像这样。首先,这段代码是不正确的还是什么?其次,当选定的收音机发生变化时,如何获取所选收音机的值?我做了$('#form_options').change(function(){ });但是内部的内容是为了获得所选按钮的值

<div id="form-options">
   <label for="options">Choose an option</label>

   <Label for="morning">
      <input type="radio" name="options" id="options-morning" value="morning" />Morning
   </label> 
   <label for="options-night">
      <input type="radio" name="options" id="options-night" value="night" />Night
   </label>
   <label for="options-evening">
      <input type="radio" name="options" id="options-evening" value="evening" />Evening
   </label>
</div>

2 个答案:

答案 0 :(得分:1)

试试这个:

$("input[@name='options']", '#form-options').change(function(){
    console.log($(this).val());
});

答案 1 :(得分:1)

你的div id错了。您需要$('#form-options')而不是$('#form_options')

试试这个:

$('#form-options').change(function() {
    alert($('input[name=options]:checked').val());
});

你可以在这里试试 - http://jsfiddle.net/FloydPink/PF8qX/