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);

并将foo更改为：

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

请注意，对于IE <9，您需要使用attachEvent在MDN上阅读更多内容