我们都知道，在HTML中，文本框内容是可以进行编辑的，所谓的编辑就是可以进行数据的整改，那么当我们想要文本框的内容不能进行修改的时候，往往可以给文本框添加一个禁用的属性（disabled），或者添加一个禁止点击的属性（readonly），这样文本框的内容就不能进行点击和修改了，但是这种情况下，一般都是固定的，即下次想要对文本框进行修改时，只能通过去后台修改源码了。假如我们遇到可以通过点击“开关”来决定文本框是否可以修改的时候，例如下图：
在上面效果截图中我们可以看到， 点我们点击左边的数据进行回填到右边的文本框时，右边的文本框和下拉框都是处于一个禁止点击的状态，然后如果我们需要对数据进行整改的时候，就需要点击右下角的修改复选框，然后所有的文本框和下拉框就可以恢复点击的状态了。 相反，当不需要对数据进行任何修改的时候，又可以重新点击修改复选框回到进行的状态。
这样做的作用也就相当于点击一个修改按钮，然后对数据进行修改，但是这样实现的效果远比赋予禁用属性不能即时修改的要好很多，开启修改的时候可以对数据进行修改，关闭的时候又可以不用担心不小心修改了文本框的内容。
了解了效果之后，我们就来看下具体的实现代码，如下：
上图只是文本框的布局样式代码，核心代码请看下面：
如果不加上以上两句代码的话，点击回填数据的时候，即数据加载出来时文本框的状态是处于可编辑的状态，也就是没有处于已禁止点击的状态，这个也是可根据个人的需求来设置，当你没有加上这两句代码的时候，你又不想让文本框处于编辑的状态，那么你就需要把修改的复选框给打上“√”。
上面两句就是用来判断复选框的选中与否，先是判断复选框是否选中，然后获取form表单里面的ID（因为目标中的文本框等都在form表单里面），再根据attr()去获取属性，当值为true的时候代表属性启用，当值为false时代表属性关闭。