| ポイント |
<![CDATA[
function setBtn(fObj1,fObj2)
{
fObj1.disabled = !fObj1.disabled;
fObj2.disabled = !fObj2.disabled;
}
<input type="button" value="押して" onClick="setBtn(this.form.myBTN1,this.form.myBTN2)"><br>
]]>
|
| 説 明 |
ボタンを押すごとに別ボタンの押下禁止／許可を切り替えるにはボタンのdisabledプロパティの否定をとります。ボタンが複数ある場合には各ボタンへの参照を関数の引数として渡します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>ボタンを押すごとにボタン押下禁止／許可を切り替える（２つ同時）</title>
<script Language="JavaScript"><!--
function setBtn(fObj1,fObj2)
{
fObj1.disabled = !fObj1.disabled;
fObj2.disabled = !fObj2.disabled;
}
// --></script>
</head>
<body>
<form name="myFORM">
<input type="button" value="切り替わる側のボタン１" name="myBTN1">
<input type="button" value="切り替わる側のボタン２" name="myBTN2">
<br>
<input type="button" value="押して" onClick="setBtn(this.form.myBTN1,this.form.myBTN2)"><br>
</form>
</body>
</html>
]]>
|
| 補足説明 |
Opera 6以降、iCabでも動作します。 |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
ボタンを押すごとにボタン押下禁止／許可を切り替える（２つ同時）