获取多选input-选中后的值存数组

简介: 获取多选input-选中后的值存数组
<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>循环多条选中input值  值存数组-获取选中input存数组</title>
</head>
<body>
  循环多条选中input值  值存数组-获取选中input存数组
  <input type="checkbox" name="Fruit"  value="1" checked="checked" />
  <input type="checkbox" name="Fruit"  value="2" checked="checked" />
  <input type="checkbox" name="Fruit"  value="3" checked="checked" />
</body>
<script type="text/javascript">
  var nodeValue = [];
    function getValue(Fruit){
      var node = document.getElementsByName(Fruit);
      var len = node.length;
      for (var i = 0; i < len; i++) {
        if (node[i].checked) {
          nodeValue.push(node[i].value);
        }
      }
    }
    getValue("Fruit");
    console.log(nodeValue);
</script>
</html>

相关文章
|
前端开发
element ui el-table 多选 表头全选框替换文字
element ui el-table 多选 表头全选框替换文字
1644 0
|
2月前
|
JavaScript 前端开发 Serverless
利用eval()打造通用的checkbox全选、全部取消、反选函数
利用eval()打造通用的checkbox全选、全部取消、反选函数
|
4月前
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
51 1
|
5月前
input的Checkbox(复选框)属性具体怎么使用
input的Checkbox(复选框)属性具体怎么使用
285 0
|
6月前
|
Web App开发 移动开发 iOS开发
input输入框的23中类型
input输入框的23中类型
93 1
全选或者单选checkbox的值动态添加到div
全选或者单选checkbox的值动态添加到div
54 0
|
JavaScript
关于复选框checkbox没有选中不能获取值的问题
关于复选框checkbox没有选中不能获取值的问题
173 0
关于复选框checkbox没有选中不能获取值的问题
input checkbox 复选框大小修改
有的时候,需要使用复选框,但是复选框有时候默认的太小,这时候就需要加大复选框。 解决方法: 其实就是zoom属性,这个是放大的意思,可以设置为180%,这样就会比之前大很多。
1465 0
【Layui】关于单选框的选中状态,下拉框默认显示
【Layui】关于单选框的选中状态,下拉框默认显示
649 0
【Layui】关于单选框的选中状态,下拉框默认显示
动态添加input,然后获取所有的input框中的值
动态添加input,然后获取所有的input框中的值