当前位置: 首页 > 知识库问答 >
问题:

document.forms复选框值[重复]

华子昂
2023-03-14

我有一个表单,我想知道在普通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;

共有2个答案

邵毅
2023-03-14

实际上应该是:

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

并且您的表单应该具有等于“quizForm”的名称或id,例如

潘弘扬
2023-03-14

复选框的行为不同于单选按钮。

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

 类似资料:
  • 问题内容: 所以我得到的代码看起来像这样: 我只需要Javascript来获取当前选中的任何复选框的值。 编辑 :要添加,将只有一个复选框。 问题答案: 对于现代浏览器 : 通过使用: 没有_以下内容的 _纯javascript :

  • 所以我有这样的代码: 我只需要Javascript来获取当前选中的任何复选框的值。 编辑:要添加,只有一个复选框。

  • 两个问题。 我有User和Note类。用户可以有许多笔记。如何通过Thymeleaf显示属于用户的每个便笺的id?th:text=“${u.notes.id}”不起作用 我有一个表(见图),其中包含每个具有布尔isUserChecked值的用户的复选框,下面是删除选中用户的按钮。Thymeleaf更正显示isUserChecked值的状态。Delete按钮在手动选中checkbox时不起作用,但在

  • 我有一个WebGrid,它显示我表格中的值和一个编辑按钮。当用户单击此按钮时,会出现一个弹出表单或对话框表单,其中填充了我前面提到的同一个表中的值。 我已经设法格式化日期值,现在有兴趣格式化从我的表中显示在复选框中的布尔值(true/false)。目前,它显示为一个文本框,值为true或false。 以下是我的代码的一部分: 下面是我的html的一部分 值标记和支付是布尔值。现在,我打算将类型更改

  • 这会找到我想要的节点吗?如果没有,我如何获得节点并正确地更改属性? 谢谢。马格努斯