Javascript:同时启用 2 个文本框，单击一次复选框

Javascript: Enable 2 textbox simultaneously, once checkbox click

本文关键字：单击 复选框 一次 启用 文本 Javascript      更新时间：2023-09-26

>我对下面的代码有疑问：

<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
}


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 的内容

相关文章：