0

ユーザーが 18 歳以上かどうかを尋ねる小さな調査/アンケートを作成したいと考えています。ユーザーが [Enter] ボタンを押したら、2 つのオプションを作成したいと思います。1: 18 歳以上でない場合は、別の Web ページに移動します。2 つ目は、18 歳以上の場合、別の Web ページに移動することです。Java の「if」「else」ステートメントを思い起こさせますが、これが Java ではないことはわかっています。HTML (Dreamweaver) を使用していますが、わかりません。誰かが私を正しい方向に向けることができますか?

私はそれの骨子を持っています：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WAIT!</title>
</head>

<body>
<p>WAIT!</p>
<p>Let us know more about you.</p>
<p>Please fill out this form so that we can guide you to YOUR world. </p>
<p>&nbsp;</p>
<p>Are you a:</p>
<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form> 
<p> Age: </p>
<form>
<input type="radio" name="sex" value="male">
younger than 18<br>
<input type="radio" name="sex" value="female">
18+
</form> 
<p></p>
<form name="input" action="#" method="get">
<input type="submit" value="Enter">
</form> 
</body>
</html>

出力を表示するには、上記のコードをコピーして貼り付け、ここに入力します。次に、コードの送信を押します。

4

2 に答える 2

1

以下は、javascript を使用してラジオで選択されているものを確認する際にユーザーをリダイレクトするサンプル スクリプトです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WAIT!</title>
</head>
<script>
function redirect() {
    if(document.getElementById("m").checked == true)
    {
        window.open("http://www.codeforbrowser.com")
    }
    else {
        window.open("http://www.yahoo.com")
    }

}
</script>
<body>
<p>WAIT!</p>
<p>Let us know more about you.</p>
<p>Please fill out this form so that we can guide you to YOUR world. </p>
<p>&nbsp;</p>
<p>Are you a:</p>
<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form> 
<p> Age: </p>
<form>
<input type="radio" name="sex" value="male" id="m" >
younger than 18<br>
<input type="radio" name="sex" value="female"  id="f">
18+ 
</form> 
<p></p>
<form name="input" action="#" method="get">
<input type="submit" value="Enter" onclick="redirect();">
</form> 
</body>
</html>

デモ

于 2012-11-23T04:41:22.967 に答える
-1

フォームにIDを付けます。

<form id="sex_form">
<input type="radio" name="sex" value="male">
younger than 18<br>
<input type="radio" name="sex" value="female">
18+
</form> 
<input type="submit" onclick="validate()" value="Enter">

    <script type="text/javascript">
        function validate(){
            var form = document.getElementById('sex_form');
            if(form.firstElementChild.checked){
            alert('to younger');
                            //window.open('younger');
            }
            else if(form.firstElementChild.nextElementSibling.nextElementSibling.checked){
                            //window.open('older');
            alert('to 18+');
           }
            else
            alert('none selected');
        }


    </script>
于 2012-11-23T04:47:43.430 に答える