jquery - ボタンクリックで2つの入力フィールドを編集可能にする

Question

ボタンクリックで編集できるようにしたい2つの入力フィールドがあります。

これらの2つのフィールドのデータは、ajaxによって実現できる2つの別々の列でデータベースに書き込まれます。

しかし、私は最初の部分について知りたいです。たくさんグーグルしようとしましたが、実行可能な解決策が見つかりませんでした:(

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

これを試して。

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

お気に入り

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

Answer 3

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()jQuery1.6以降で使用できます。