如何查看单击哪个单选按钮Jquery

时间:2012-01-04 17:00:16

标签: jquery html radio-button

我的页面上有一些单选按钮,供用户标记(下图)。与单选按钮一起是一个“其他”按钮,其中有一个textarea以不同的原因写入。我希望能够通过jquery提交表单时看到哪些按钮被按下。我知道如何使用.post()但我不确定是否应该在单选按钮的每个id上使用.val()。或者,是否有一个检查可以检查整个组并获得选中的标签?我很确定如果按下另一个按钮,我可以在textarea上使用.val()。

HTML:

<input type='radio' id='spam' name='flagGroup'></input><label for='spam'>It is spam</label><br>
<input type='radio' id='offTopic' name='flagGroup'></input><label for='offTopic'>It is off topic</label><br>
<input type='radio' id='quality' name='flagGroup'></input><label for='quality'>It does not meet quality standards</label><br>
<input type='radio' id='wrongLocation' name='flagGroup'></input><label for='wrongLocation'>It is in the wrong location</label><br>
<input type='radio' id='duplicate' name='flagGroup'></input><label for='duplicate'>There is a duplicate question</label><br>
<input type='radio' id='other' name='flagGroup'></input><label for='other'>Other:</label><br>
<textarea id='flagOtherTextarea' rows='2' cols='40' wrap='soft'></textarea>
<hr />
<input type='radio' id='mod'></input><label for='mod'>It needs moderator attention</label> 

2 个答案:

答案 0 :(得分:1)

尝试以下选择器

$allChecked = $('input[type="radio"]:checked');

如果您想在输入后获取所有标签的文本,可以执行以下操作

$('input[type="radio"]:checked').each(function() {
  var label = $(this).next('label');
  alert(label.text());
});

答案 1 :(得分:0)

获取所选单选按钮。但是你必须为每个人分配值才能区分它们

   $('input[name=flagGroup]:checked').val()

或者如果您想用于属性使用

   $('input[name=flagGroup]:checked').attr('for');