Javascript 如何在js中添加更多输入名称？

如何在输入名称中添加其他名称

  var checked = document.querySelector("input[name = 'variable']:checked")

我有另一个输入名“sub”。但是我不知道你怎么能在代码中添加这个。 （我正在学习js）

测验
蛾是什么目的成员？
八角形
麻风病
鳞翅目
问题2
答复1
答复2
答复3

还有剧本：

function myFunction() {

        var explanations = document.querySelectorAll(".explanation");
        for(var x = 0; x < explanations.length; x++) {
          explanations[x].innerHTML = "";
        }

        var checked = document.querySelector("input[name=variable]:checked, input[name=sub]:checked")
        var value = checked.parentNode.lastChild.id;
        var answer;
        switch (value) {
          case 'demo':
            answer = "An octagon is an object with 8 sides to it";
            break;
          case 'demo2':
            answer = "Leprosy is a chronic infection";
            break;
          case 'demo3':
            answer = "Yes ! this is correct";  
            break;
            case 'demo4':
            answer = "hjhjhjhjct";  
            break;
        }
        checked.parentNode.lastChild.innerHTML = answer;
}

函数myFunction（）{
var解释=document.queryselectoral（“解释”）；
对于（var x=0；x<0.length；x++）{
解释[x].innerHTML=“”；
}
var checked=document.querySelector（“输入[name=variable]：选中，输入[name=sub]：选中”）
var值=checked.parentNode.lastChild.id；
var回答；
开关（值）{
案例“演示”：
回答=“八角形是一个有8条边的物体”；
打破
案例“演示2”：
回答=“麻风病是一种慢性感染”；
打破
案例“demo3”：
回答=“是的！这是正确的”；
打破
案例“演示4”：
回答=“HJCT”；
打破
}
checked.parentNode.lastChild.innerHTML=答案；
}

有几点需要提及：

首先。

<div class="row">
    <input name="variable" type="radio" value="0" />Octagon <span class="explanation" id="demo" style="color:red"></span></div>
  <div> </div> <-- this is will become your .lastChild so i think you not expect this <div> as .lastChild so delete that tag.

Third多选择返回多个结果，即结果数组，因此使用数组进行结果处理

以下是已编辑的代码，请重新编辑以供使用：

奎茨博克斯先生{
宽度：58%；
最大宽度：950px；
边框：1px灰色实体；
保证金：自动；
填充：10px；
边界半径：10px；
边框宽度：5px；
边框颜色：#00A7AE；
利润率最高：7%；
文本对齐：居中；
位置：相对位置；
背景：#73B7DB；
}
.行{
文本对齐：左对齐；
颜色：白色；
左边距：10%；
}
演示，演示2，演示3，演示4，演示5，演示6，演示7，演示8，演示9{
显示：内联；
保证金权利：30%；
浮动：对；
宽度：50%；
}
输入[type=“submit”]
{
填充：10px 15px 11px！重要；
字体大小：18px！重要；
背景色：#57d6c7；
字体大小：粗体；
文本阴影：1px 1px#57D6C7；
颜色：#ffffff；
边界半径：5px；
-moz边界半径：5px；
-webkit边界半径：5px；
边框：1px实心#57D6C7；
光标：指针；
框阴影：0 1px 0 rgba（255，255，255，0.5）插入；
-moz盒阴影：0 1px 0 rgba（255、255、255、0.5）插入；
-webkit盒阴影：0 1px 0 rgba（255、255、255、0.5）插入；
}
测验
蛾是什么目的成员？
八角形
麻风病
鳞翅目
问题2
答复1
答复2
答复3
问题3
答复1
答复2
答复3

document.getElementById（“form1”）.onsubmit=function（e）{
e、 预防默认值（）；
return false；//不刷新页面是必需的；只需将其留在这里
}//这将结束提交函数
函数myFunction（）{
var解释=document.queryselectoral（“解释”）；
对于（var x=0；x<0.length；x++）{
解释[x].innerHTML=“”；
}
var checked=document.queryselectoral（“输入[name=variable]：选中，输入[name=sub]：选中，输入[name=con]：选中”）
对于（var answ=0；answ

我希望您能在这个示例中获得完整的帮助。请尝试以下内容：对不起，我不理解您的意思？请尝试：

“输入[name=variable]：选中，输入[name=sub]：选中”

嗨，华盛顿，我用了您的代码。变量仍然有效，只有子变量不起作用。奇怪，应该有效。你能分享你的HTML吗？很好的解释，而且很有效。非常感谢！

<div class="row">
    <input name="variable" type="radio" value="0" />Octagon <span class="explanation" id="demo" style="color:red"></span></div>
  <div> </div> <-- this is will become your .lastChild so i think you not expect this <div> as .lastChild so delete that tag.

var checked = document.querySelector("input[name=variable]:checked, input[name=sub]:checked")