radioボタンでも、うまくアラート処理したいのですが・・・

質問

• <SCRIPT LANGUAGE="JavaScript"> <!-- // ヌル及び空欄のチェックを行う function isFilled(elm) { if (elm.value == "" || element.value == null) return false; else return true; } function isReady(form) { // 名前の空欄のチェックを行う if (isFilled(form.name) == false) { alert("お名前を入力して下さい。"); form.name.focus(); return false; } return true; } //--> </SCRIPT>
• フォームによるアンケートページを作成しているのですが、textボックスで回答が書かれていなく、空欄の部分があったらアラートを出し、そのtextボックス部分に戻す、というような上記プログラムの流れにしています。textボックスではうまくいくのですが、radioボタンのとき、うまくいきません(アラートは出るが、フォームに戻らない)。回避策を教えてください。

回答No.2

noname#99638 · ベストアンサー

全体のスクリプトが分からないのでとりあえず書いてみました。
多分下の書き方で、大丈夫だと思うのですが・・・
少し長いですが、参考にして下さい。(プログラムが余り上手くないのはご勘弁）

<SCRIPT LANGUAGE="JavaScript">
//テキストフィールド用入力チェック
function isFilled(elm) {
　if (elm.value == "" || elm.value == null){
　　return false;
　}else{
　　return true;
　}
}
//ラジオボタン用入力チェック
function isSelected(radioobj){
　　for ( i = 0 ; i < radioobj.length ; i++ ) {
　　　if ( radioobj[i].checked ) {
　　　　return true;
　　　}
　　}
　　return false;
}
//送信ボタンが押されたときのチェック
function check(fm){
　if(isFilled(fm.namae) == false){
　　alert("名前入れてね")
　　return false;
　}
　if (isFilled(fm.addr) == false) {
　　alert("アドレス入れてね")
　　return false;
　}
　if(isSelected(fm.present) == false){
　　alert("プレゼントを選んでね")
　　return false;
　}
　　//好きなだけチェックを入れられます

return true; //最後にtrueを返す
}

</SCRIPT>

フォーム部分です。
<FORM NAME="fm" ACTION="送信先" onSubmit="return check(this)">
　名前:　　　　<INPUT SIZE="25" TYPE="text" NAME="namae" >
　　　　　　　　<!--　name="name"　から変更しました ↑-->
<BR>
　アドレス:　　<INPUT SIZE="30" TYPE="text" NAME="addr">
<BR>
　　 <INPUT TYPE="radio" NAME="present" value="りんご">りんご
　　<INPUT TYPE="radio" NAME="present" value="バナナ">バナナ
<BR>
<INPUT TYPE="submit" VALUE="送信">
<BR>
</FORM>