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

Question

我的页面上有一些单选按钮，供用户标记（下图）。 与单选按钮一起是一个“其他”按钮，其中有一个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> 

Answer 1

尝试以下选择器

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

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

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

Answer 2

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

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

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

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