ラジオボタンのやりとりでテキストフィールドを有効/無効にする方法は？

Question

これは動作しません。最初に関数に渡された変数を使用します。ラジオボタンのチェックを外すと、フォームフィールドが無効になり、その逆もあります。 lineid変数は、このラジオ/テキスト入力ペアを10個のその他のものから区別します。

マイコード：私のHTMLの

<script type="text/javascript"> 
function disablefield(lineid){ 
if (document.getElementById(lineid).checked == true){ 
document.dupedit.lineid.disabled = false; 
} else { 
document.dupedit.lineid.disabled = true; 
} 
} 
</script> 

サブセット。

Answer 1

は、あなたがそれを渡すときにdisablefield関数に文字列を渡すので、引用符で値を置く必要があるような何か：。

<input onclick="disablefield('2671997')" />

をdocument.getElementByIdが期待するためです文字列、整数ではありません。

第2に、フィールドを有効/無効にするには、= 'disabled'ではなくdisabled = true;を使用する必要があります。

document.dupedit.lineidは、名前が "lineid"で、フォームには存在しないフィールドを探しています。私はフィールドにidを与え、もう一度document.getElementByIdを使用することを提案します。

name属性を引き続き使用する場合は、代わりにdocument.getElementsByNameを使用する必要があります。これは、（複数の要素が同じ名前を共有することができるため）一致する要素の配列を返しますが、あなたのコードで問題になっている要素は、その名前を持つ唯一のものであることがわかっている場合、あなたはこれを行うことができます。

document.getElementsByName(lineid)[0].disabled = true; 

あなたは働いているバージョンを見ることができます（私はこれがとにかくそれを望んでいた方法だと思います）here。 hereはgetElementsByNameを使用したバージョンです。あなたは機能上の閉じ括弧が欠落している

Answer 2

：

また

function disablefield(lineid){ 
if (document.getElementById(lineid).checked == true){ 
document.dupedit.lineid='enabled'; 
}else{ 
document.dupedit.lineid='disabled'; 
} 
} //<-- here 

、私はあなたが関数にthisを渡す提案することができます。その後、電話する必要はありませんgetElementById

<input onclick='disablefield(this)' type..... 

function disablefield(obj){ 
    if (obj.checked == true){ 
     document.dupedit.lineid='enabled'; 
    }else{ 
     document.dupedit.lineid='disabled'; 
    } 
} 

Answer 3

私はあなたが必要と思うのは、コードを再考することです。

• チェックボックスにIDを使用しないでください。無効にする/有効にするテキストフィールドにそのIDを移動し、チェックボックス自体ではなく、そのフィールドが無効/有効であるかどうかをチェックします。

• use cleaner JS。

the jsFiddleをご覧ください。私はあなたのためにコンパイルしました。それはあなたが期待していることをしていますか、ダン？