如何禁用表单上的输入文本?

时间:2016-05-23 07:58:42

标签: javascript php html ajax codeigniter

我想禁用和启用输入文字如果操作添加输入文字启用如果操作编辑输入文字禁用

感谢

4 个答案:

答案 0 :(得分:1)

您可以使用jQuery函数prop()实现此目的:

<强> Javscript

var value = $('input').val();

if (value == null) {
   $("input").prop('disabled', false);
} else {
   $("input").prop('disabled', true);
}

以下是演示:JsFiddle

答案 1 :(得分:0)

由于您没有提供任何代码段,我尝试使用以下代码进行复制。

<强> HTML

<input type = "text" id ="demoI">
<input type = "button" value = "Add" id = "_add">
<input type = "button" value = "Edit" id = "_edit">

<强> JS

window.onload=function(){
var _getInput=document.getElementById("demoI");
var _getAdd = document.getElementById("_add");
var _getEdit = document.getElementById("_edit");
_getAdd.addEventListener('click',function(event){
_getInput.disabled = true;
})
_getEdit.addEventListener('click',function(event){
_getInput.disabled = false;
})

}

选中此jsFiddle

答案 2 :(得分:0)

您可以在视图中执行此操作。

if( $this->uri->segment(3) == 'add' ) {
   <input type="text" name="myfield" disabled />
} else {
  <input type="text" name="myfield" />
}

答案 3 :(得分:0)

试试这段代码: 你只能用java脚本做这个,不需要使用jQuery

&#13;
&#13;
Map<String, LinkedHashMap<String, String>> fileRecords = new LinkedHashMap<String, LinkedHashMap<String,String>>();
&#13;
window.onload = function(){
  
   var fname = document.getElementById("fname").value;
   if(fname == '')
   {
       document.getElementById("fname").disabled = false;
   }
   else 
   {
       document.getElementById("fname").disabled = true;
   }
}
&#13;
&#13;
&#13;