JS之for循環為文本框賦值和取值


需求:點擊賦值按鈕,為所有的文本框賦值;點擊取值按鈕,將所有的文本框的值打印在控制台上

<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刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM