js如何将表单内的所有输入框disabled掉

js如何将表单内的所有输入框disabled掉,第1张

用documentall 得到所有元素

得到是一个数组

例子

var origLength;

origLength = documentalllength;

for(i=0;i<origLength;i++){

documentall[i]disabled=true;

}

具体更高级还可以判断类型 用tabName这个

比如 documentall[i]tagName 得到将会是input textarea或者checkbox

<body> <script type="text/javascript"> var rows=1;//根据文本框初始值设置。 var cols=10;//根据文本框初始值设置。 var num=0; function changerow(){ num++; if(num==rowscols-1){ rows=rows+2; documentgetElementById("erea")rows=rows; } } </script> <textarea id="erea" rows="1" cols="10" onkeyup="changerow()"></textarea> </body> //实现了到达文本框末尾,就增加两行。

你的id不连续,这个id属性鸡肋了

我想到两种方法

1、

可以取出页面上的所有文本框 历遍dom 或 用jquery $("texterea") 或 querySelectorAll("textarea")

var data={},nodes=querySelectorAll("textarea");//可能所有文本框都是有用的

for(var i=0,l=nodeslength;i<l;i++){

data[nodes[i]id]=nodes[i]value;//如果有不符合条件的文本框 这里也可以过滤掉

};

var json=JSONstringify(data);//json出来了 传送到新的页面?不知道你是要什么样的

2、

你程序输出页面的时候就把json顺带也输出了吧,前提页面是你写的

<table>

<script>var data={}</script>

<tr>

<script>data[1]="文本框内容1"</script>

<td><textarea id="1">文本框内容1</textarea></td><!--你说id是不是鸡肋-->

</tr>

<tr>

<script>data[99]="文本框内容99"</script>

<td><textarea id="99">文本框内容99</textarea></td>

</tr>

</table>

<script>

var json=JSONstringify(data);//json出来了 传送到新的页面?不知道你是要什么样的

</script>

在定义textarea时,这样定义

{

fieldLabel : '备注 ',

xtype : 'textarea',

name : 'BZ',

width : 680,

value : '谢谢',

style : 'color:red;'

}

你的id不连续,这个id属性鸡肋了

我想到两种方法

1、

可以取出页面上的所有文本框 历遍dom 或 用jquery $("texterea") 或 querySelectorAll("textarea")

12345var data={},nodes=querySelectorAll("textarea");//可能所有文本框都是有用的for(var i=0,l=nodeslength;i<l;i++){ data[nodes[i]id]=nodes[i]value;//如果有不符合条件的文本框 这里也可以过滤掉};var json=JSONstringify(data);//json出来了 传送到新的页面?不知道你是要什么样的

2、

你程序输出页面的时候就把json顺带也输出了吧,前提页面是你写的

123456789101112131415<table> <script>var data={}</script> <tr> <script>data[1]="文本框内容1"</script> <td><textarea id="1">文本框内容1</textarea></td><!--你说id是不是鸡肋--> </tr> <tr> <script>data[99]="文本框内容99"</script> <td><textarea id="99">文本框内容99</textarea></td> </tr></table> <script>var json=JSONstringify(data);//json出来了 传送到新的页面?不知道你是要什么样的</script>

以上就是关于js如何将表单内的所有输入框disabled掉全部的内容,包括:js如何将表单内的所有输入框disabled掉、随着输入文字的多少,textarea自动变化高度、将json的内容在新页面打开等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/sjk/9842500.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存