如何验证两组单选按钮

Question

我有两组单选按钮，我想使用这两组的返回值并验证。用户必须从两组中至少选择一个值；用户还可以从两个组中选择两个值。我不能发出警报，我在提交时使用页面上错误的标签。我想不出的是，如何让用户自由选择任何单选按钮，即使选择了一个单选按钮，错误也会消失。

这是我的小提琴，坏了。http://jsfiddle.net/pQNNU/

我也用过这个：

$('#submit').click(function() {
    var v1 = $('input:radio[name="attending_day_1"]:checked').val();
    var v2 = $('input:radio[name="attending_day_2"]:checked').val();
    if (!v1 && !v2 ) {
        $('.validation-error').html('*Please select attending day');
return false;
    } 
});

但这不允许我的其他字段通过validate函数进行验证。

Answer 1

具有相同名称的输入(意味着在同一组中(的工作原理是，当您单击一个单选按钮时，所有具有相同姓名的其他输入都将被取消选中。要允许多个选择，您必须给它们不同的名称。

要执行验证，例如，您可以将一组输入封装到带有id的div中。然后检查该分区内的输入中是否至少有一个检查项

实际上，如果您需要多项选择，最好使用复选框。单选按钮用于其他任务。但谁知道你的目标是什么？(

短样本在这里：http://jsbin.com/zacomuve/1/edit

希望这正是你所需要的。