05-点击禁用文本框(disabled) 批量禁用文本框:实用type属性 if (input.type===”text”) { input.disabled=true;
表单元素disabled 点击按钮批量禁用文本框用.disabled=true;
var btn=document.getElementById('btn'); btn.onclick=function () { var inputs=document.getElementsByTagName('input');//所有的input按钮 for (var i=0; i < inputs.length; i++) { var input=inputs[i]; if (input.type==="text") { input.disabled=true; } } }value就是用来获取和设置表单元素的值的。 点击按钮批量获取赋值:
var test=document.getElementById("text"); var btn=document.getElementById("btn"); var box=document.getElementById("box"); var inputs=box.getElementByTagName("input"); for (var i=0; i < inputs.length; i++) { var input=inputs[i];//每个文本框 input.value=i;//给每个文本框赋值 } //点击按钮获取值 btn.onclick=function(){ var str="";//用空字符串进行拼接 for (var i=0; i < inputs.length; i++) { str +=inputs[i].value; } console.log(str); };需求:点击按钮批量拼接字符串。
<script> //获取事件 var text=document.getElementById('text'); var btn=document.getElementById('btn'); var box=document.getElementById('box'); //事件源.事件=funcotion(){事件处理程序} var inputs=box.getElementsByTagName('input'); for (var i=0; i < inputs.length; i++) { var input=inputs[i]; input.value=i; }; btn.onclick=function () { //var str=""; var arr=[]; for (var i=0; i < inputs.length; i++) { // str += inputs[i].value; arr.push(inputs[i].value); var arr1=arr.join(""); } console.log(arr1); }; </script>小结: 单个字符串的拼接是非常消耗性能的。 批量拼接字符串时候,先用一个空数组存放字符串,push推入,再用join拼接。