0

以下のコードについて質問があります。

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

4

1 に答える 1

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

9 未満の場合は、 MDNの詳細を読むIE必要があることに注意してください。attachEvent

于 2012-05-02T02:04:35.517 に答える