JS之for循环为文本框赋值和取值

本文转载自查看原文 2017-12-18 17:02 3807 JS

需求：点击赋值按钮，为所有的文本框赋值；点击取值按钮，将所有的文本框的值打印在控制台上

<body>
<input type="text"/><br>
<input type="text"/><br>
<input type="text"/><br>
<input type="text"/><br>
<input type="text"/><br>
<input type="text"/><br>
<button>赋值</button><br>
<button>取值</button>
<br><br><br>
<script>
var inpArr = document.getElementsByTagName("input");
var buArr = document.getElementsByTagName("button");
//赋值
buArr[0].onclick = function(){
    for (var i = 0; i < inpArr.length; i++) {
        inpArr[i].value=i;

    }
}
//取值
buArr[1].onclick = function(){
    var newArr=[];
    for (var i = 0; i < inpArr.length; i++) {
        newArr.push(inpArr[i].value);
    }
    console.log(newArr.join("-"));
}
</script>
</body>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 js给文本框赋值 value与innerHTML JS获取值&&文本框回车事件 js生成随机编码并赋值给input文本框 unity的inputField文本框赋值问题 easyui 给文本框 checkbox赋值问题 JS文本框的换行 JS之禁用文本框 JS实现下拉菜单赋值到文本框的联动方法获取文件名并赋值给文本框的解法 selenium Webdriver 处理 —— 通过时间控件给文本框赋值