jquery - 通过单击按钮使两个输入字段可编辑

Question

我有两个输入字段，我想通过单击按钮进行编辑。

这两个字段的数据将在两个单独的列中写入数据库，这可以通过ajax实现。

但我想知道第一部分。尝试谷歌很多，但没有找到可行的解决方案:(

Answer 1

更改文本框上的 disabled 属性。

HTML：

<input id="i1" type="textbox" class="myInput" disabled="true" />
<input id="i2" type="textbox" class="myInput" disabled="true" />
<button id="i3"></button>
​

Javascript：

$("#i3").click(function(){
    $(".myInput").prop("disabled",false);
});​

Answer 2

jsBin 演示

html:

<input type="text" disabled="disabled"/>
<button class="toggle_input_state">enable / disable</button>

这允许您切换您的状态：

$('button.toggle_input_state').on('click',function(){
   var $el = $(this).prev('input');
   $el.prop("disabled",!$el.prop("disabled"));
});

你可以.prop()从 jQuery 1.6 开始使用。

Answer 3

尝试这个。

   $('#inputid').attr("disabled","disabled");
   $("#inputid").removeAttr('disabled');

喜欢

$("#buttonid").click(function(){
    $("#inputid").removeAttr('disabled');
});​