javascript - 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，您需要在MDNattachEvent上使用read more