如何validation两组单选按钮

我有两组单选按钮，我想使用两组中的返回值并进行validation。 用户必须从两个组中选择至少一个值; 用户也可以从两个组中选择两个值。 我无法发出警报，我在提交时在页面上使用标签错误。 我无法弄清楚的是，如果选择任何单选按钮，如何让用户自由选择任何单选按钮和错误消失。

这是我的小提琴不再适用。 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; } }); 

但这不会让我的其他字段从validationfunctionvalidation。

Answer 1

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

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

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

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

希望这是你需要的。