Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何验证两组单选按钮_Jquery - Fatal编程技术网

Jquery 如何验证两组单选按钮

Jquery 如何验证两组单选按钮,jquery,Jquery,我有两组单选按钮,我想使用这两组按钮的返回值并进行验证。用户必须从两个组中选择至少一个值;用户还可以从两个组中选择两个值。我不能抛出警报,我在提交时在页面上使用错误标签。 我不明白的是,如何让用户自由选择任何单选按钮,即使选择了一个单选按钮,错误也会消失 这是我的小提琴,它不工作了。 我也用了这个: $('#submit').click(function() { var v1 = $('input:radio[name="attending_day_1"]:checked').val(

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

这是我的小提琴,它不工作了。

我也用了这个:

$('#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函数进行验证。

相同名称的输入如何工作(意味着在同一组中)的想法是,当您单击一个单选按钮时,所有具有相同名称的其余字段都将被取消选中。 要允许多个选择,您必须为它们指定不同的名称

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

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

以下是简短的示例:


希望这就是您所需要的。

您能举个例子吗?是的,我建议使用复选框,但我想我们不会这么做。此外,我正在努力在验证时在页面上显示错误。谢谢你的答复和样品。希望这就是你需要的。谢谢。我可以自己做这件事,但你的答案要简单得多。谢谢。