jQuery无线电数组选择器

时间:2014-02-20 01:21:04

标签: javascript jquery jquery-selectors

我有单选按钮,如:

<input  type="radio" value="a" name="questions[0]">
<input  type="radio" value="b" name="questions[0]">
<input  type="radio" value="c" name="questions[0]">
<input  type="radio" value="d" name="questions[0]">

<input  type="radio" value="a" name="questions[1]">
<input  type="radio" value="b" name="questions[1]">
<input  type="radio" value="c" name="questions[1]">
<input  type="radio" value="d" name="questions[1]">

如何使用jQuery循环使用它?我想验证是否已为每个问题给出了答案。感谢。

编辑: 或者甚至有办法获得问题数组的长度?

3 个答案:

答案 0 :(得分:1)

 $("#myForm input[type=radio]").each(function() {

           //whatever you need     

 });

答案 1 :(得分:1)

$('[name="questions[1]"]:checked').val()给出问题1的选中值。

或者如下所示,获取名称为

的选中值
$('input[type=radio]:checked').each(function() {
  console.log($(this).val(), $(this).attr('name'));
});

答案 2 :(得分:0)

您可以这样做:

var rgroups = [];
$('input:radio').each(function (index, el) {
    var i;
    for (i = 0; i < rgroups.length; i++)
    if (rgroups[i] == $(el).attr('name')) return true;
    rgroups.push($(el).attr('name'));
});
rgroups = rgroups.length;

$('#test').click(function () {
    if ($('input:radio:checked').length < rgroups) alert('You must fill in all the fields.');
    else alert("You're done!");
});

<强> Fiddle Demo