メールフォームに、」ラジオボタンでA~Eの項目があります。これを仮に”koumoku”という名前をつけたとして、最初にはどこにもチェックを入れない状態で表示したいと思います。
それで、A~Eのどれかを必ず選択してもらいたいので送信前に未入力の場合にはアラーとを出したいのですが、
if(document.mail.Koumoku.value!='checked'){
window.alert('未入力個所があります。\nご確認ください。');
return false;
}
にすると、チェックしてもアラーとがでてきます。
また !='chekced' を =='' にすると、チェックが無くても通ってしまいます。
どうしたら良いのでしょうか?
No.3ベストアンサー
- 回答日時:
こういうのが好みです。
function onKoumokuCheck(_obj_) {
for(var i=0; i<_obj_.length; i++)
if(_obj_[i].checked) return(true);
window.alert('未入力個所があります。\nご確認ください。');
return(false);
}
<FORM NAME=myForm METHOD=post ACTION="checked.htm" onSubmit="return(onKoumokuCheck(this.Koumoku))">
<INPUT TYPE=radio NAME=Koumoku VALUE=1>
<INPUT TYPE=radio NAME=Koumoku VALUE=2>
<INPUT TYPE=submit NAME=koumokuCheck VALUE=check>
</FORM>
Java Script初心者のため、このプログラムを理解するのに時間がかかりました。(といってもまだちゃんと理解できたと思えないのですが)形としてすっきりしていて美しいと思いますので、試させていただきます。ありがとうございます。
No.2
- 回答日時:
<HTML>
<HEAD>
<TITLE>ヘ(・、ヘ)ホイホイ(ノ、・)ノホイホイ</TITLE>
<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
<!--
function button1_onclick() {
var chkbox = document.getElementsByName("checkbox1");
var flag=false;
for(i=0;i<chkbox.length;i++){
if(chkbox[i].checked==true)
flag=true;
}
if(!flag)
window.alert("カカトオトシッ ( ・_・)_θ☆( >_<)ゲシッ");
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<P>こういうのはどう?<BR>
NNでは動かないかも</P>
<P><INPUT type=checkbox name=checkbox1></P>
<P><INPUT type=checkbox name=checkbox1></P>
<P><INPUT type=checkbox name=checkbox1></P>
<P><INPUT type=checkbox name=checkbox1></P>
<P><INPUT id=button1 type=button value=確認 name=button1 LANGUAGE=javascript onclick="return button1_onclick()"></P>
</BODY>
</HTML>
これは、‘flag’にチェックがあるなしをtrue,falseでいれて見分けているという形なのでしょうか。ここまで分かるのに10日間かかってしまいました。。。ので御礼が遅くなりました。勉強になりました。ありがとうございます。試してみます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ラジオボタンによるフォームの開閉を行いたい 3 2022/03/31 21:30
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- その他(セキュリティ) Facebookアカウントを乗っ取られ、ログインも出来ずパスワードの再設定もできずに困っている 2 2023/02/17 14:24
- Access(アクセス) Accessで予定表を作成しようとしてます。 テーブル フィールド名 連番 オートナンバー型 年月日 2 2023/07/23 11:40
- Microsoft ASP グーグルフォーム 1 2022/12/30 18:16
- JavaScript 助けてください!スパムメールがとんでもなく大量に届きます。 3 2023/08/10 16:32
- JavaScript ソースコードは下の共有コードサイト「張り紙」にあります。 入力フォームの javascript で 1 2022/05/11 11:01
- Excel(エクセル) データ入力規則リスト 空白を無視 3 2022/07/13 15:11
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
チェックボックスのON/OFFでVal...
-
複数あるチェックボックスから...
-
contact-form7のプラグインでチ...
-
チェックボックスのperlでの値...
-
selectメニューによるチェック...
-
チェックボックスの値を変数に ...
-
チェックが入っていなかったら...
-
チェックボックスの設定
-
チェックボックスの未入力チェック
-
チェックボックスのグループ化...
-
<input type="checkbox" checke...
-
メールフォームの未入力チェッ...
-
一つのチェックボックスのON/OF...
-
オフになっているチェックボッ...
-
チェックボックスを使って条件検索
-
チェックボックスが1つ以上チェ...
-
JSP内で可変するチェックボック...
-
確認ページからフォームページ...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【jsp/Java】チェックボックス...
-
チェックボックスのON/OFFでVal...
-
チェックボックスのON/OFFに応...
-
複数のチェックボックス項目が...
-
checkboxをクリックしてリロー...
-
チェックボックスの設定
-
チェックボックスで指定したも...
-
フォームのチェックボックスの...
-
チェックボックス
-
一つのチェックボックスのON/OF...
-
配列のチェックボックスをjavas...
-
チェックボックスが複数ある場...
-
チェックボックスに連動するテ...
-
スクリプト内でチェックボック...
-
特定のID(またはクラス)で括ら...
-
<input type="checkbox" checke...
-
チェックボックスに全てチェッ...
-
EclipseでSpringを使用し、テー...
-
Nameは配列で、チェックされた...
-
チェックボックスとラジオボタ...
おすすめ情報