Как проверить переключатель в HTML, используя имя и тип

Question

У меня есть три группы переключателей и я использую приведенный ниже код для получения проверенного значения переключателя. Но при этом все переключатели объединяются в одну группу, как разделять и проверять, используя имя группы.

 $(document).ready(function () {
        $("#submit").click(function () {
         var x = $("input[type=radio]:checked").val();
    });
   });



<label><input type="radio" name="present" value="1" />yes</label>
<label><input type="radio" name="present" value="2" />no</label>
<label><input type="radio" name="present" value="3" />No idea</label>

<label><input type="radio" name="outing" value="1" />yes</label>
<label><input type="radio" name="outing" value="2" />no</label>
<label><input type="radio" name="outing" value="3" />No idea</label>

<label><input type="radio" name="member" value="1" />yes</label>
<label><input type="radio" name="member" value="2" />no</label>
<label><input type="radio" name="member" value="3" />No idea</label>

Answer 1

Должно быть var x = $("input[type=radio][name='present']:checked").val(); для группы present (измените name ad lib).

Answer 2

вы можете сделать как

$(document).ready(function () {
        $("#submit").click(function () {
         var x = $("input[type='radio'][name='present']:checked").val();
         var y = $("input[type='radio'][name='outing']:checked").val();
         var z = $("input[type='radio'][name='member']:checked").val();
    });
   });

x, y, z имеет соответствующие проверенные значения переключателя