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广告。）

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具有相应的单选按钮值

如何使用名称和类型验证html中的单选按钮

2 个答案: