のHTMLラジオボタン

HTMLにかなり新しく、このコードのスニペットが動作しない理由を私は不思議でしたか？のHTMLラジオボタン

<head> 
    <title></title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
</head> 
<body> 
    <div style="font-family: Consolas;"> 
     <h1>This is a survey regarding *</h1> 
     <form name="firstQuestion" method="get" action=""> 
      <input type="radio" name="q1" value="1" id="num1">I think its 1<br> 
      <input type="radio" name="q1" value="2" id="num2">I think its 2<br> 
      <input type="radio" name="q1" value="3" id="num3">I think its 3<br> 
      <input type="radio" name="q1" value="4" id="num4">I think its 4<br> 
      <input style="position: absolute; bottom: 10px; right: 10px" type="button" value="proceed" onclick="alert('Checked value is: '+getCheckedValue(document.forms['firstQuestion'].elements['q1']))"> 
     </form> 
    </div> 
</body>

問題は、進行ボタンを押しても何も起こりませんが、選択したラジオボタンが表示されるようになっていることです。

また、今、私はそれでだ、誰もが可能性3を選択した場合、たとえばオプション3と4の間に余分なテキストフィールドを追加する方法を知っているのですか？デフォルトではです.3を選択しない場合は、テキストフィールドは表示されません。

出典

2012-01-19 PNS

getCheckedValueとは何ですか？ – craig1231

ボタンハンドラがgetCheckedValueと呼ばれるjavascript関数を呼び出しているが、あなたはこれを定義していません。

=== UPDATE ===

<head> 
    <title></title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <script type="text/javascript"> 
     function getCheckedValue(oElements) { 
      // TODO: put in the function body here 
     } 
    <script> 
</head>

出典

2012-01-19 17:05:23 scessor

もちろんいいよ。しかし、どこにこのメソッドを置くべきですか？フォームやdivの中か、どこにいてもほしいですか？ – PNS

javascript関数の適切な場所は 'head'です： ... – scessor

素晴らしいです。私はその後、頭のセクションでそれを書く:) thxたくさん – PNS

私はあなたの質問から集めるものから、あなたがHTMLを学ぶしようとしているということですが、あなたが見つけるためにJavaScriptを使用しようとしているという事実であることを知りません値。

あなたはいくつかの種類のチュートリアルを使用している場合は、getCheckedValueが定義されている場所を確認し、それを使用する必要があります。

チュートリアルを使用していない場合、私はJavaScriptを使用する方法を学ぶことをお勧めします。私はW3Schools見つける

は、このための良い情報源です。

出典

2012-01-19 17:10:29 gigaSproule

答えて

関連する問題