如何解决比较选中的单选按钮的值和提交按钮的值
我正在尝试使用单选按钮和<button>
中的<fieldset>
进行多项选择测验。正确答案存储在value
的{{1}}属性中,如果与选中的单选按钮的值匹配关联的值(在其自己的字段集中){{1} }。但是,单击按钮在控制台上没有任何结果。
我已经或正在尝试执行的步骤如下:
- 获取每个字段集
- 获取每个字段集的单选按钮
- 获取关联的字段集按钮
- 为按钮添加一个点击事件监听器,以检查按钮的值 每个fieldset单选按钮与其关联的值匹配 按钮
- 如果单击了按钮,请检查选中的单选按钮值
与该字段集中的按钮值
<button>
匹配, 其他,如果错误,<button>
,否则console.log("CORRECT")
。
console.log("WRONG")
console.log("SKIPPED")
var quizArea = document.getElementById("quiz-area");
var fieldsets = document.getElementsByTagName("fieldset"); // step 1
//console.log(fieldsets,fieldsets.length,typeof fieldsets);
for (var s = 0; s < fieldsets.length; s++) {
var fieldsetChoices = fieldsets[s].querySelectorAll("input[type=radio]"); // step 2 //console.log("fieldsetChoices[s]",fieldsetChoices[s]);
for (var i; i < fieldsetChoices.length; i++) { //console.log("fieldsetChoices[i]",fieldsetChoices[i];
var fieldsetButton = fieldsets[s].querySelector("button[type=button]"); // step 3
//console.log("fieldsetButton",fieldsetButton,fieldsetButton.value,typeof fieldsetButton);
fieldsetButton.addEventListener("click",function() { // step 4
if (fieldsetChoices[i].checked) {
if (fieldsetChoices[i].value == fieldsetButton.value) { // step 5
console.log("CORRECT",fieldsetChoices[i].value);
} else {
console.log("WRONG",fieldsetChoices[i].value);
}
} else {
console.log("SKIPPED",fieldsetChoices[i].value);
}
});
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。