javascriptのチェックボックスでコントロールを無効にする

Question

現在、4つのテキストボックス、1つのチェックボックス、およびドロップダウンリストがあります。私は チェックボックスがオンになっているときにtextboexesとドロップダウンリストを無効にしようとしています。現在のコードは動作しませんが、エラーが見つからないようです。私はJavaScriptを初めて使用しています。

function enableCheckBox(phyAddressCheckBox, tb1, tb2, tb3, file1, tb4) 
{ 
    if (document.getElementById(phyAddressCheckBox).checked) 
{ 
document.getElementById('tb1').enabled = true; 
document.getElementById(tb2).enabled = true; 
document.getElementById(tb3).enabled = true; 
document.getElementById(file1).enabled = true; 
document.getElementById(tb4).enabled = true; 
} 
else 
{ 
document.getElementById(tb1).enabled = false; 
document.getElementById(tb2).enabled = false 
document.getElementById(tb3).enabled = false; 
document.getElementById(file1).enabled = false; 
document.getElementById(tb4).enabled = false; 
} 
} 

編集 私は両方の条件に無効にすべてのプロパティを設定し、何が機能しません。

<script type="text/javascript" language="javascript"> 
function enableCheckBox(phyAddressCheckBox, tb1, tb2, tb3, file1, tb4) 
{ 
    if (document.getElementById(phyAddressCheckBox).checked) 
{ 
    document.getElementById('tb1').disabled = 'disabled'; 
document.getElementById(tb2).disabled = 'disabled'; 
document.getElementById(tb3).disabled = 'disabled'; 
document.getElementById(file1).disabled = 'disabled'; 
document.getElementById(tb4).disabled = 'disabled'; 
} 
else 
{ 
document.getElementById(tb1).disabled = 'disabled'; 
document.getElementById(tb2).disabled = 'disabled'; 
document.getElementById(tb3).disabled = 'disabled'; 
document.getElementById(file1).disabled = 'disabled'; 
document.getElementById(tb4).disabled = 'disabled'; 
} 
} 
</script> 

私もコントロールコードで追加しました。

<asp:CheckBox ID="phyAddressCheckBox" runat="server" onclick="enableCheckBox(this.ID, physicalAddressTextbox, PhysicalAddress2Textbox, CityTextbox, physicalStateDropDownList,physicalZipTextbox)" style="text-align: left" /> 

Answer 1

のようにそれを行うことができますHTML属性とは異なり、ブール値をとります。 https://developer.mozilla.org/en/DOM/HTMLInputElement

enableCheckBoxに渡す変数の名前から、IDの代わりにDOMノードを渡しているようです。

もう1つの問題は、this.IDを渡していることです。this.idを渡す必要があります。さらに良いことに、要素自体を渡すだけです。この例を参照してくださいhttp://jsfiddle.net/mendesjuan/7ZEvk/2/

最後の問題（最初の例では）はenabledプロパティを設定しようとしていましたが、それは存在しませんでした。 disabledプロパティを設定する必要があります。

HTML

<input type='checkbox' id='cbox' onclick="enableCheckBox(this, 'text1', 'text2', 'text3', 'sel');"/> 

<input id='text1' /> 
<input id='text2' /> 
<input id='text3' /> 
<select id='sel'> 
    <option>hello</option> 
</select> 

はJavaScript

// This is a lot like your function, but is less repetitive 
function enableCheckBox(cbox /*, ... ids of fields to enable/disable */){  
    for (var i = 1; i < arguments.length; i++) { 
     document.getElementById(arguments[i]).disabled = cbox.checked; 
    } 
} 

Answer 2

disabledプロパティを使用します。

document.getElementById(tb1).disabled = 'disabled'; 

Answer 3

試してみてください。

document.getElementById(tb1).disabled='disabled'; 

Answer 4

はdisabledがあるとき、それは他のdisabledelementがenabledであり、removeAttributeとsetAttributeを利用します。あなたは、私は、人々はあなたが入力要素にdisabled='disabled' disabledプロパティを使用することを伝えるに反対

function enableCheckBox(phyAddressCheckBox, tb1, tb2, tb3, file1, tb4){ 
    if (document.getElementById(phyAddressCheckBox).checked){ 
     document.getElementById(tb1).removeAttribute("disabled"); 
     document.getElementById(tb2).removeAttribute("disabled"); 
     document.getElementById(tb3).removeAttribute("disabled"); 
     document.getElementById(file1).removeAttribute("disabled"); 
     document.getElementById(tb4).removeAttribute("disabled"); 
    }else{ 
     document.getElementById(tb1).setAttribute("disabled", "disabled"); 
     document.getElementById(tb2).setAttribute("disabled", "disabled"); 
     document.getElementById(tb3).setAttribute("disabled", "disabled"); 
     document.getElementById(file1).setAttribute("disabled", "disabled"); 
     document.getElementById(tb4).setAttribute("disabled", "disabled"); 
    } 
}