• 締切済み

HTML内記述と外部jsファイルの違い

JavaScript初心者です。 HTML中のとあるボタンを押したとき、二つのラジオボタン(radio1)の選択を変える処理をJavaScriptで試みています。 ■HTMLのフォーム記述(抜粋) <INPUT type="button" name="radio1" value="変更" onClick="setRadio1()"> ■同一HTML内に記述したJavaScript function setRadio1() { <!-- document.mainform.radio1[0].checked = true; //--> }</script> ↑これは問題なく動作する。 ■外部jsファイルに記述したJavaScript function setRadio1() { document.mainform.radio1[0].checked = true; } ↑ページエラーとなる。 なぜか外部jsファイルのJavaScriptに切り替えると「ページエラー」になってしまいます。 どの辺りが問題なのか見当がつきません。 何か気づきがありましたら、アドバイスをお願いします。 ※ちなみに外部jsファイルに記述してある他のJavaScriptは問題なく動作します。

みんなの回答

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

>function setRadio1() >{ ><!-- >document.mainform.radio1[0].checked = true; >//--> >}</script> >↑これは問題なく動作する。 こっちのがエラーになりそう・ エラーメッセージはどんなのがでてますか

b-u-z-z
質問者

お礼

BLUEPIXYさん、どうもありがとうございます。 エラーメッセージは、ブラウザに「ページエラー」と出ます。 このほかにエラーの確認方法はあるのでしょうか?

回答No.1

>※ちなみに外部jsファイルに記述してある他のJavaScriptは問題なく動作します。 では、問題の記述だけ別ファイルにしたらどうなるでしょうか??? なんか当該箇所の問題というより、それより前の記述とか、ファイル呼び出しの問題の様な気がしますがぁ・・・。 別の確認方法として、 alert(101); function setRadio1() { alert(102); document.mainform.radio1[0].checked = true; alert(103); } alert(109); とでもして、ダイアログを表示させてみるのも一考かと。

b-u-z-z
質問者

お礼

koutarou504さん、ありがとうございます。 自宅の環境ではエラーだったのですが、会社の環境では動作しました。 理由は現在不明です。 教えていただいたalertを入れて確認できました。 ただ、確認後、ソースからalertを削除してもalertが表示されるのは なぜなのだろう…? 開発はEclipseで行っています。

関連するQ&A