今回はDivごと消します。div id="waku" 内のテキストボックスとボタンを消します。
html
<form name="form1">
<input type="checkbox" name="checkbox1" onchange="erase();"><br>
<div id="waku">
<input type="text" name="textbox1" value="" ><br>
<input type="button" name="button1" value="クリック" >
</div>
</form>
以下のJavascriptのコマンドで表示と消去を切り替えます。
document.getElementById("waku").style.display ="block";
document.getElementById("waku").style.display ="none";
チェックボックスをクリックすると消えたり、表われたりします。
Javascript
function erase() {
//チェックがはずれたら、id=waku を消す
if (document.form1.checkbox1.checked==true) {
document.getElementById("waku").style.display ="block";
} else {
document.getElementById("waku").style.display ="none";
}
}
【このカテゴリーの最新記事】
-
no image
-
no image
-
no image
-
no image
