0

こんにちは、jquery でイベントを使用して html 属性値を変更する方法を知りたいです。たとえば、情報で満たされたユーザー リストがあり、更新ボタンとキャンセル ボタンがあります。ユーザー情報は READONLY ですが、ユーザーが更新ボタンをクリックすると、テキスト ボックスの READONLY 属性が削除されます。

これが私の簡単なコードです：

  <div style="display: none" id="form_edit" class="k-content">
        <table border="0">

            <tr>
                <td>
                    &nbsp;&nbsp;&nbsp;<label>P.O. #</label>
                </td>
                <td>
                    &nbsp;&nbsp;&nbsp;<input type="text" name="po" value="<?php echo $order_code; ?>" readonly="readonly" />
                </td>
                <td>
                    &nbsp;&nbsp;&nbsp;<label>SUPPLIER NAME</label>
                </td>
                <td>
                    &nbsp;&nbsp;&nbsp;<input type="text" name="suppliername" value="<?php echo $sname; ?>" readonly="readonly"" />
                </td>
                <td>
                    &nbsp;&nbsp;&nbsp;<label>Contact Person</label>
                </td>
                 <td>
                    &nbsp;&nbsp;&nbsp;<input type="text" name="person" value="<?php echo $contactperson; ?>" readonly="readonly" />
                </td>
            </tr>

            <tr>
                <td>
                    &nbsp;&nbsp;&nbsp;<label>TIN #</label>
                </td>
                <td>
                    &nbsp;&nbsp;&nbsp;<input type="text" name="tin" value="<?php echo $tin; ?>" readonly="readonly" />
                </td>
            </tr>

            <tr>
                <td colspan="6" style="text-align: right">

                    <input type="button" value="UPDATE" class="k-button" id="submit_form"/>
                    <input type="button" value="HIDE" class="k-button" id="close_form"/>
                </td>
            </tr>


        </table>
    </div>

私のjquery

  $("a[name=edit_order]").click(function (e) {
        $("#window_edit").data("kendoWindow").open();
        e.preventDefault();
    });

    $("a[name=remove_order]").click(function (e) {
        $("#window_remove").data("kendoWindow").open();
        e.preventDefault();
    });

    /*here's the part that will remove the readonly attribute but how can i do that?
    $("#update_supplier").click(function(){
        $("#form_edit").show({
            effect: "blind",
            animation: 1000
        });

        $("#update_supplier").hide({
            effect: "fade",
            animation: 1000,
        });
    });

    /*if close bring back again the readonly*/
    $("#close_form").click(function(){
        $("#form_edit").hide({
            effect: "blind",
            animation: 1000
        });

         $("#update_supplier").show({
            effect: "fade",
            animation: 1000,
        });
    });
4

2 に答える 2

4

これを試して

$('#submit_form').on('click', function () {
    $('input["readonly"]').removeAttr('readonly');
});
于 2013-08-27T07:43:22.690 に答える
4

このコードを試してください:

$('#submit_form').on('click', function () {
    $('input[name="suppliername"]').removeAttr('readonly');
});

私の編集を確認してください。

于 2013-08-27T07:46:37.087 に答える