获取多选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 多选 表头全选框替换文字
1671 0
|
8月前
|
JavaScript
Element_select 选择器 选中框中显示不了选中的值
解决Vue中`el-select`选择器不显示选中值的问题:在`selectChanged`方法中添加`this.$forceUpdate()`,强制组件更新,使输入框显示选择的值。示例代码包括模板和方法。
996 2
|
6月前
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
87 1
|
前端开发
css:input数字编辑框number去掉右侧上下箭头
css:input数字编辑框number去掉右侧上下箭头
386 0
css:input数字编辑框number去掉右侧上下箭头
动态添加input,然后获取所有的input框中的值
动态添加input,然后获取所有的input框中的值
|
JSON 前端开发 JavaScript
小记录 单选框的注意点 html中字符串拼接 el-upload手动上传 表格跳转 v-for动态添加背景色 控制label标签于文本框之间的间距
小记录 单选框的注意点 html中字符串拼接 el-upload手动上传 表格跳转 v-for动态添加背景色 控制label标签于文本框之间的间距
input单选框多选框时可用的事件
change(): 当元素的值发生改变时,会发生 change 事件。 该事件仅适用于文本域(text field),以及 textarea 和 select 元素。 change() 函数触发 change 事件,或规定当发生 change 事件时运行的函数。
1007 0

热门文章

最新文章