ボタンをアクティブにする
<html>
<head>
<title>ボタンをアクティブにする</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function radio(rad){
if (rad.value == 1)
rad.form.btn.disabled = false;
else
rad.form.btn.disabled = true;
}
//-->
</SCRIPT>
</head>
<body>
<form>
<input type="radio" name="agreement" value="0" onClick="radio(this)" checked>同意しない
<input type="radio" name="agreement" value="1" onClick="radio(this)">同意する
<input type="submit" name="btn" value="次へ進む" disabled>
</form>
</body>
</html>
ラジオボタンをチェックすると、ボタンが押せるようになる小ワザです。
<haed></head>に、上記のJavaScriptを記述します。
<input type="radio"・・・
では、onClickで、クリックしたときにJavaScriptのradio(this)が起動するように指定しています。
そのときにvalueの値が0だと<input type="submit" name="btn">が不可視に、
1だと可視になります。
下のボタンは、name="btn"としてJavaScriptが効くnameにしています。
またdisabledを指定して、最初は不可視になるようにしています。
ホームページ作成ガイド
ホームページ作成ガイド