JavaScript トグルボタン true/falseを切り替えます。

便利eelife Java Script
   検索サイト 便利eelife トップ : JavaScriptサンプル集トップ >> ボタン

トグルボタン。

サンプルソースから書き方まで、JavaScriptに関する情報はこちら  All About [JavaScript]


サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<FORM name="myForm"><INPUT type="button" name="botan" value="STOP" onclick="dspmsg()"></FORM>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
flag=false;
function dspmsg(){
if(flag) {document.myForm.botan.value= "STOP";  //flagが true ならこれを実行
alert(flag);
}
else{document.myForm.botan.value= "START";  //flagが false ならこれを実行
alert(flag);
}
flag = !flag;  //true と false を 切り替える
}

// -->
</SCRIPT>
コメント
ボタンの設置

document.myForm.botan.value= "STOP"でボタンに表示するラベルをいれます。

サンプルソースから書き方まで、JavaScriptに関する情報はこちら  All About [JavaScript]

サイトマップ Copyright (C) eelife  All rights reserved リンクはご自由に