Question

我有一个表单，我想在普通JS中选择哪个复选框并返回其值。我用单选按钮得到它但没有复选框，只是不知道如果我调用它与单选按钮一样它应该如何调用它返回下面的空字符串代码。

单选按钮示例：

   /*html*/
   <input type="radio" name="q5" value="a" id="q5a">a. test1<br>
   <input type="radio" name="q5" value="b" id="q5b">b. test2<br>

   /*js, gets the value which is selected either a or b as per html*/
   var q5 = document.forms["quizForm"]["q5"].value;

现在我尝试使用复选框：

   /*html*/
   <input type="checkbox" name="q6" value="c" id="q6c">c. test1<br>
   <input type="checkbox" name="q6" value="d" id="q6d">d. test2<br>

   /*js returns an empty string "" when either checked or both*/
   var q6 = document.forms["quizForm"]["q6"].value;

Answer 1

复选框行为与收音机不同。

var checkedValue = null; 
var inputElements = document.getElementsByName('q6');
for(var i=0; inputElements[i]; ++i){
  if(inputElements[i].checked){
    checkedValue = inputElements[i].value;
    break;
  }
}

got from

Answer 2

实际应该是：

document.forms["quizForm"]["q5"].checked

您的表单的名称或ID应等于“quizForm”，例如<form name="quizForm" ...>或<form id="quizForm" ...>

document.forms复选框值

2 个答案: