表单禁用与解禁的切换

有时候表单一个就够了，一个表单已经具备做很多功能出来了，具体就看自己怎么写而已。
我这里先看一下具体要实现什么把。
表单的禁用与解禁

一开始这个表单是属于没有禁用的情况的也就是可以新增数据的情况，然后下一个就是查询出来数据填到表单中然后禁用掉这些input标签
这里可以很清楚的看到这些Input标签是禁用掉的并且里面有数据的。
接下来就是点击这个修改按钮解禁这个input

当点击这个修改按钮就解禁这个表单的input标签并且可以弹出保存按钮

这里功能说明就这样接下来就是实现代码了，首先是禁用掉这个弹出这个模态框回填这里的数据然后禁用掉这个表单的input标签，这里我就只写这个input的禁用而已
回填完数据之后首先是获取到这个 表单下面的所有input标签

var Inp = document.getElementById(“formHouse”).getElementsByTagName(“input”);//表单下面的Input标签

获取到了这个input标签之后就是给他循环一遍然后给他的disabled这个属性赋值。
如下代码，这里的代码就是禁用掉了所有的Input标签

for (var i = 0; i <Inp.length; i++) {
Inp[i].disabled = “disabled”;
}

禁用完input标签之后就是禁用下拉框了，因为下拉框是属于select标签的所以用上，获取到select标签然后给他的disabled这个属性赋值。
代码如下
var Sel = document.getElementById(“formHouse”).getElementsByTagName(“select”);
for (var i = 0; i < Sel.length; i++) {
Sel[i].disabled = “disabled”;
}
然后把那个保存按钮给隐藏掉就是获取到这个按钮然后给他的display一个none就可以了，这里就不写代码了。

接下来要实现的功能也很简单就是点击这个修改按钮把里面的input标签的属性disabled所赋的值给填位空就可以了，代码如下

var Inp = document.getElementById(“formHouse”).getElementsByTagName(“input”);
for (var i = 0; i < Inp.length; i++) {
Inp[i].disabled = “”;
}