Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.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
如何为许多单选按钮集调用javascript函数?_Javascript_Html - Fatal编程技术网

如何为许多单选按钮集调用javascript函数?

如何为许多单选按钮集调用javascript函数?,javascript,html,Javascript,Html,我有10个问题,每个问题有4个单选按钮作为选项。我想验证是否所有问题都选中了单选按钮。并在单击submit按钮时调用javascript函数 请帮助我使用javascript函数。 我可以使用2d元素来针对javascript函数中每个问题中的每个单选按钮。请解决javascript问题。运行此javascript我只能使用1d数组针对问题 函数validateForm(){ var radios=document.getElementsByClassName(“调查问题”); var for

我有10个问题,每个问题有4个单选按钮作为选项。我想验证是否所有问题都选中了单选按钮。并在单击submit按钮时调用javascript函数

请帮助我使用javascript函数。 我可以使用2d元素来针对javascript函数中每个问题中的每个单选按钮。请解决javascript问题。运行此javascript我只能使用1d数组针对问题

函数validateForm(){
var radios=document.getElementsByClassName(“调查问题”);
var formValid=false;
var i=0;
while(formValid==false&&i

2.你最喜欢的前锋是谁?
梅西
克里斯蒂亚诺·罗纳尔多
内马尔
穆罕默德·萨拉赫
3.你最喜欢的中场球员是谁?
克罗斯
安德烈亚斯·伊涅斯塔
德布劳内
保罗·博格巴
4.你最喜欢的后卫是谁?
塞尔吉奥·拉莫斯
杰拉德·皮克
博努奇
蒂亚戈·席尔瓦

您可以尝试以下方法

只需修改您的函数,如下所示

function validateForm() {
            var totalQue = document.getElementsByClassName("surveyQuestions").length;
            var selectedAns = document.querySelectorAll("input[type='radio']:checked").length;
            if(totalQue != selectedAns){
            alert("Must Check Option !!");
                return false;
            }
        }

这将为您提供所有选中的单选按钮。

也许您需要使用类来设置收音机。例如:

<input type="radio" class="checkthis group_01" id="group_01_item_01">
<input type="radio" class="checkthis group_01" id="group_01_item_02">
<input type="radio" class="checkthis group_01" id="group_01_item_03">
<input type="radio" class="checkthis group_01" id="group_01_item_04">

<input type="radio" class="checkthis group_02" id="group_02_item_01">
// ...and so on
更新:

没有jQuery,只有本机JavaScript:

var object_array = document.body.querySelector('.group_01:checked');

if语句是相同的。

你应该在问题中添加html和JS内容。到目前为止你有没有尝试过?如果是,则向我们显示您的代码!您在投票中被否决,因为您没有在您的网站中添加任何内容question@Kristianmitk我已经添加了我的html代码和javascript函数,请尽快提供帮助。当您在单选按钮中进行迭代时,请检查每个选中按钮的
name
属性,然后你需要使用本机javascript querySelector()函数。至少,你应该提到这段代码需要使用jQuery…我刚才也用本机javascript代码更新了答案。至少,你应该提到这段代码需要使用jQuery。。。
var object_array = document.body.querySelector('.group_01:checked');