的Javascript：同時啓用2文本框，一旦點擊複選框

Question

我有我下面的代碼一個問題：

<input id="myCheckBox" type="checkbox" name="alamatCat" 
     onClick="apply(this.checked, 'textBox3', 'textBox4')"> OT Date 
</td> 
<td> 
From <input id="textBox3" type="text" name="alamat" disabled="disabled"> 
To <input id="textBox4" type="text" name="alamat" disabled="disabled"> 

我想2文本框，同時啓用如果複選框點擊。

有什麼建議嗎？

修訂：

如何，如果我有以下JS：

<script language="javascript"> 
function enableDisable(bEnable, textBoxID) 
{ 
    document.getElementById(textBoxID).disabled = !bEnable 
} 

Answer 1

function foo(isChecked){ 
    document.getElementById('textBox3').disabled = isChecked ? "" : "disabled"; 
    document.getElementById('textBox4').disabled = isChecked ? "" : "disabled"; 
} 

<input id="myCheckBox" type="checkbox" name="alamatCat" 
     onchange="foo(this.checked);" /> 

注意，內嵌代碼已被棄用。

您可以使用addEventHandler代替：

document.getElementById('myCheckBox').addEventHandler('change', foo); 

而變富到：

function `foo`(){ 
    var disableAttribute = this.checked ? "" : "disabled"; 
    document.getElementById('textBox3').disabled = disableAttribute; 
    document.getElementById('textBox4').disabled = disableAttribute; 
} 

只是注意，IE < 9，你需要使用attachEvent閱讀更多關於MDN

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.