- 締切済み
クリックするとボタンの中の文字が変わるようにしたいんですが一応コードは出来たんですが・・うまくうごかなくて困ってます。
java スクリプトのONCLICKについて質問があります。 ONCLICKのあとに何個もオプションはつけられないのでしょうか？ <INPUT TYPE="button" VALUE=" " ONCLICK="form1.Q8.value += '1';" style="font-size:40pt"><br> にボタンをクリックするとボタンの中に「○」を表示するようにしたいんですが、うまくいきません・・・ 一応こう感じにつくってみたんですが・・・ <html> <head> <title></title> </head> <body> <script type="text/javascript"> function change_label(){ document.form1.label1.value = " ○ "; } </script> <form name="form1"> <input type="hidden" name="Q8" value=""><br> <input type="button" name="label1" value="クリックしてね" onclick="form1.Q8.value += '1';change_label();"> <input type="submit" name="Q9b" value="次へ" style="font-size:25pt"> </form> </body> </html> もしよろしければアドバイスいただけませんでしょうか・・・・
- ojirin
- お礼率12% (1/8)
- JavaScript
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
みんなの回答
必要な部分だけ... <script type="text/javascript"> function change_label(lblName, addValue){ document.getElementByName(lblName).value = '○'; document.getElementByName('Q8').value += addValue; } </script> <input type="button" name="label1" value="クリックしてね" onclick="change_label(this.name, 1);"style="font-size:40pt"> <input type="button" name="label2" value="クリックしてね2" onclick="change_label(this.name, 2);"style="font-size:40pt"> 文法は合ってないかも。大文字小文字が適と～。
- leap_day
- ベストアンサー率60% (338/561)
function change_label(){ document.form1.label1.value = " ○ "; document.form1.label2.value = " ○ "; } で1つの操作で2つ同時に変わるようにしてあるからです 別にするのであればOnClickもfunctionも別の名前にしなければならないです function change_labelA(){ document.form1.label1.value = " ○ "; } function change_labelB(){ document.form1.label2.value = " ○ "; } onclick="change_labelA();" onclick="change_labelB();" のように・・・ 僕もまだ始めたばかりなので他にも良い方法があるかもしれませんがとりあえずこれだと別々にすることは出来ます
- leap_day
- ベストアンサー率60% (338/561)
えと、よく分からないのですけどボタンを40ptにしてクリックしたら○にするということですか? このままコピペして <input type="button" name="label1" value="クリックしてね" onclick="form1.Q8.value += '1';change_label();"style="font-size:40pt"> にしたらなんか巨大なボタンになったけど・・・クリックしたら○になりました 質問の意味が違うのかな（－－；）
補足
おろ？・・・・・出来ました。助かりました！！！！！！！！ ありがとうございます。 あとボタンを増やしたんですが、どれが押されたか分かるように”○”をボタンに出るようにして、ボタンを増やしてやってみたんですが・・・ボタンを一個だけしか押してないのに、全部に○がついてしまいます。。 1つだけチェックが入るようにしたいのですが・・ 以下がコードです。 <html> <head> <title></title> </head> <body> <script type="text/javascript"> function change_label(){ document.form1.label1.value = " ○ "; document.form1.label2.value = " ○ "; } </script> <form name="form1"> <input type="hidden" name="Q8" value=""><br> <input type="button" name="label1" value="クリックしてね" onclick="form1.Q8.value += '1';change_label();"style="font-size:40pt"> <input type="button" name="label2" value="クリックしてね2" onclick="form1.Q8.value += '2';change_label();"style="font-size:40pt"> <input type="submit" name="Q9b" value="次へ" style="font-size:25pt"> </form> </body> </html>