0

私はjqueryとjquery mobileで作業しており、基本的に編集ボタンを作成しようとしています。デフォルトですべて無効に設定されているユーザー情報を含むフォームがあります。編集ボタンをクリックするとフォームが有効になり、保存ボタンがクリックされるとフォームが無効になります。フォームは次のとおりです。

<div data-role="fieldcontain">
            <label for="first_name">First Name:</label>
            <input type="text" name="first_name" id="first_name" value="" placeholder="First Name" disabled />
        </div>

        <div data-role="fieldcontain">
            <label for="last_name">Last Name:</label>
            <input type="text" name="last_name" id="last_name" value="" placeholder="Last Name" disabled />
        </div>

        <div data-role="fieldcontain">
            <label for="user_name">User Name:</label>
            <input type="text" name="user_name" id="user_name" value="" placeholder="User Name" disabled />
        </div>

        <div data-role="fieldcontain">
            <label for="password">Password:</label>
            <input type="text" name="password" id="password" value="" placeholder="Password" disabled />
        </div>

        <div data-role="fieldcontain">
            <label for="email">Email Address:</label>
            <input type="text" name="email" id="email" value="" placeholder="Email Address" disabled="disabled" />
        </div>

ここに私のボタンがあります：

 <button data-inline="true" id="edit">Edit</button>
 <button data-inline="true">Save</button>

そして、これが私が遊んでいるjqueryです：

$(document).ready(function(){
    $('#input:edit').click(function)(){
        $('input:email').attr("disabled", false);
    }
});

問題の一部である可能性があることに気付いたのは、テキスト入力のコードを無効から有効に変更しても、ページを更新しても無効のままであり、元のページに戻る必要があることです。ホームページを更新し、ユーザー情報ページに移動してそれらを有効にします。したがって、ページが正しく更新されれば、私が試したことのいくつかが正しい可能性があります。どんな助けでも感謝します。

4

4 に答える 4

0

これはうまくいくはずです：

$(document).ready(function(){
    $('#input:edit').click(function)(){
        $('input:email').attr("disabled", "");
    }
});
于 2013-02-11T17:28:51.780 に答える
0

使用する必要があります$('input:email').textinput('enable');

jQuery Mobile テキスト入力メソッド

于 2013-02-11T17:38:36.190 に答える
0

わかりました。jquery コードを次のように変更しました。

function edit() {
    alert("edit");
    $('#first_name').prop('disabled', false);
    $('#last_name').prop('disabled', false);
    $('#user_name').prop('disabled', false);
    $('#password').prop('disabled', false);
    $('#email').prop('disabled', false);
    location.reload();
}

およびボタンコードを次のようにします。

 <button data-inline="true" id="edit" onclick="edit()">Edit</button>
 <button data-inline="true" id="save" onclick="save()">Save</button>
于 2013-02-11T18:53:02.527 に答える
0

試す

$(document).ready(function(){
$('#edit').click(function)(){
    $('#email').attr("disabled", false);
}
});
于 2013-02-11T17:31:30.810 に答える