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;
    } 
});

但这不会让我的其他字段从验证功能验证。

Answer 1

关于具有相同名称的输入如何工作（在同一组中的意思）的想法是，当您单击一个单选按钮时 - 具有相同名称的所有其余按钮将变为未选中状态。要允许多项选择 - 您必须为它们指定不同的名称。

要执行验证 - 例如，您可以将您的输入集包装到带有id的div中。然后检查该div内部的输入中是否至少有一个选中的项目。

实际上，如果您需要多个选择，则更好的一种变体是使用复选框。单选按钮的目的是用于其他任务。但谁知道你的目标是什么：）

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

希望这就是你所需要的。

如何验证两组单选按钮

1 个答案: