Question

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

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

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

Answer 1

更改文本框上的已禁用属性。

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

试试这个。

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

像

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

Answer 3

jsBin demo

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"));
});

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

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

3 个答案:

jsBin demo