3

テーブルの作成に表示タグを使用し、jquery を使用してテキストフィールドを編集可能にし、読み取り専用プロパティを削除しています。 

<script type="text/javascript">
$(function(){
    $(".makeEditable").click(function(){
        $('input:text').removeAttr("readonly");    
    });
    $(".makeNonEditable").click(function(){
        $('input:text').attr("readonly", "readonly");    
    });               
})
</script>

テキストフィールドを含むテーブルと列のコードは次のとおりです

<display:table name="loadData" style="float:left;">
    <display:column title="User Defined" class="colId">
    <input type="text" value= "" name="userdefined" size="10" readonly="readonly"/>
    </display:column>
</display:table>

編集可能にするボタンを作成しました...

<input type="button" value="Make Editable" class="makeEditable" />

理由はわかりませんが、機能していません...何も起こりません

4

2 に答える 2

3

HTML 入力テキスト フィールドの場合:

<input id="name" type="text">

読み取り専用プロパティを使用できます-

$("#name").prop("readonly",true);

これにより、テキスト フィールドが編集できなくなります。

編集可能にするには:

$("#name").prop("readonly",false);
于 2015-03-31T21:14:36.607 に答える
1

// 無効の場合、つまり、値を強調表示したり、disabled="disabled" を変更したりすることはできません

// readonly の場合、つまり、値を強調表示できますが、変更はできません readonly="readonly" jQuery を使用して要素を変更します (以下の readonly 属性の設定では、readonly を disabled に置き換えます)。

$('#someId').attr("無効","無効") または

$('#someId').attr("無効", true)

于 2014-03-03T14:38:44.263 に答える