jquery - 読み取り専用属性の切り替え

Question

私は入力タイプを持っています

<input type="text" name="name" id="name" readonly="true" />

クリックするとテキストボックスが編集可能になるチェックボックスがあります...

<input type="checkbox" name="ch" id="ch" onclick="check()" />

どのように私はそれを修正しますか？

私はスクリプトを使用します

function check()
{
if(document.getElementById('ch').checked=true)
     document.getElementById('ch').readonly=false;

}

score 4 · Accepted Answer

これはより短い代替手段です (適切な ID をコントロールに追加すると仮定します):

$("#ch").change(function() {
    $("#name").prop("readonly", !$(this).is(":checked"));
});

score 2 · Accepted Answer

これを試して

function check() {
   document.getElementById('name').readOnly = 
                   !document.getElementById('ch').checked;
}

2 に答える 2