dom02批量禁用文本框和批量拼接字符串
来源:互联网 发布:学java跟不上 编辑:程序博客网 时间:2024/06/07 04:49
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拼接。
0 0
- dom02批量禁用文本框和批量拼接字符串
- C#批量禁用文本框TextBox
- 【批量添加】-拼接sql字符串
- SSM ajax实现批量启用和批量禁用
- oracle 批量禁用约束
- word2007如何批量删除文本框
- mysql字符串连接和批量插入数据
- sql批量更新一个字段,全该字段等于一个固定字符串与id拼接值
- R语言累计求和,生成时间列,拼接字符串,批量导入导出
- Java批量删除in操作符参数为字符串的拼接
- 批量
- 批量
- 批量字符串替换程序
- 批量查找替换字符串
- SQL 批量替换字符串
- PHP批量处理字符串
- MySQL批量替换字符串
- Editplus批量修改字符串
- 1.2. Basic Java DSL Syntax
- 每天一个 Linux 命令(15):tail 命令
- Qt引用新类,出现LNK2019: 无法解析的外部符号
- 【Unity&C#】如何对一组Bool型变量进行判断
- 一般与特殊结构关系 整体与部分结构关系
- dom02批量禁用文本框和批量拼接字符串
- 网络层协议(4):动态选路
- 1.3. Router Schema in a Spring XML File
- AdaBoost算法理解基于机器学习实战
- Android中的Nine-patch图片
- 并行编程模型
- C#基础小问答
- 广告行业计费模式专业术语
- Java8 LinkedList源码简析