javascript 设置input框只读属性 获取disabled后的值并传给后台

Posted 皎陽

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 设置input框只读属性 获取disabled后的值并传给后台相关的知识,希望对你有一定的参考价值。

input只读属性

 
有两种方式可以实现input的只读效果:disabled 和 readonly。
自然两种出来的效果都是只能读取不能编辑,可是两者有很大不同。
Disabled说明该input无效,及其value不会传递给任何程序,比如asp、php等。
Readonly仅仅是无法编辑,不影响其值的传递。
Disabled使用:<INPUT type=”text” name=”username” value=”james”disabled>
Readonly使用:<INPUT type=”text” name=”partNumber” value=”1500″ readonly>

 

disabled方式若要传值,

 第一种方法:

可以添加隐藏的input标签 <input name="hiddenplanyear" id="hiddenplanyear" type="hidden" class="textfield"  value=""  /> 

 第二种方法:

    <input type="text" class="input4" id="mainChkUserName" name="task.mainChkUserName" value="${sessionScope.QM_LOGIN_SESSION.name}"  disabled="true" />                    

在保存的方法里

$("#mainChkUserName").attr("disabled",false);

解除无效就行。



以上是关于javascript 设置input框只读属性 获取disabled后的值并传给后台的主要内容,如果未能解决你的问题,请参考以下文章

如何设置表单元素的只读和禁用属性

jQuery在文本框上设置然后只读属性

关于 jquery中的 只读两种属性(readonly,disabled),

使用js设置input标签只读 readonly 属性

javascript怎么禁止在文本框中输入?

elementUI 设置input的只读或禁用