質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

データベース

データベースとは、データの集合体を指します。また、そのデータの集合体の共用を可能にするシステムの意味を含めます

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

2回答

2585閲覧

ラジオボタンを選択しているのに、「選択してください」のアラートが表示されてしまう

nyowaa

総合スコア13

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

データベース

データベースとは、データの集合体を指します。また、そのデータの集合体の共用を可能にするシステムの意味を含めます

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2016/12/14 02:05

前回の質問で、一度解決済みとさせていただいたのですが、不具合が発覚したため再度ご質問させていただきます。
###前提・実現したいこと
前回の質問にて、複数チェックボックスの件については無事解決することができたのですが、ラジオボタンの動作チェックをしてみたところ、ラジオボタンにチェックを入れているのに「1つ以上選択してください」のアラートが表示されてしまいます。

↓こちらがラジオボタン時です

html

1<!DOCTYPE HTML> 2<html> 3<head> 4<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" ;/> 5<link href="css/questionStyle.css" type="text/css" rel="stylesheet"> 6<title>アンケート</title> 7<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 8<script> 9$(function(){ 10 $("#form").on('submit',function(e){ 11 var flg=$(this).find('input[name$="[]"]:checked').length==0; 12 if(flg){ 13 e.preventDefault(); 14 alert("1つ以上選択してください"); 15 } 16 }); 17}); 18</script> 19</head> 20<body> 21 22 23<form action ="send.php" method="post" id="form"> 24<h1 align="center">まっくからテスト</h1> 25<hr> 26<div class="question" align="center"> 27<p>Q1.画面構成</p> 28<p align="left" style="display:inline-block;"> 29<input required type='radio' name='question1' value='わん'>わん<br> 30<input required type='radio' name='question1' value='つー'>つー<br> 31<input required type='radio' name='question1' value='さん'>さん<br> 32<input required type='radio' name='question1' value=''><br> 33その他<input type='text' name='question2' id='question2' value=''> 34<input type='hidden' name='question_id' value='2'></p> 35</div> 36<div align="right"> 37<input type="submit" value="送信する" id="send" class="send" name="send" style="width:100px; height:30px;"> 38</div> 39</form> 40</body> 41</html>

↓チェックボックス時です

html

1 2<!DOCTYPE HTML> 3<html> 4<head> 5<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" ;/> 6<link href="css/questionStyle.css" type="text/css" rel="stylesheet"> 7<title>アンケート</title> 8<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 9<script> 10$(function(){ 11 $("#form").on('submit',function(e){ 12 var flg=$(this).find('input[name$="[]"]:checked').length==0; 13 if(flg){ 14 e.preventDefault(); 15 alert("1つ以上選択してください"); 16 } 17 }); 18}); 19</script> 20</head> 21<body> 22 23<form action ="send.php" method="post" id="form"> 24<h1 align="center">あんけえと</h1> 25<hr> 26<div class="question" align="center"> 27<p>Q1.くえすちょん</p> 28<p align="left" style="display:inline-block;"> 29<input type='checkbox' name='question1[]' value='うああ' class='checkBtn'>うああ<br> 30<input type='checkbox' name='question1[]' value='うおおお' class='checkBtn'>うおおお<br> 31<input type='checkbox' name='question1[]' value='ふみゅ' class='checkBtn'>ふみゅ<br> 32<input type='checkbox' name='question1[]' value='' class='checkBtn'><br> 33<input type='checkbox' name='question1[]' value='' class='checkBtn'><br> 34<input type='hidden' name='question_id' value='1'> 35</p> 36</div> 37<div align="right"> 38<input type="submit" value="送信する" id="send" class="send" name="send" style="width:100px; height:30px;"> 39</div> 40</form> 41</body> 42</html>

name は問題1、問題2...となっていくにつれて数が増えていきます。

###試したこと
スクリプトの

var flg=$(this).find('input[name$="[]"]:checked').length==0;

をif文の中に書き込んでみたのですが、ラジオボタンはうまく動作してもチェックボックスは振り出しに戻ってしまう、という状況でした。

###補足情報(言語/FW/ツール等のバージョンなど)
PHPはバージョン5.3.1です。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ラジオボタンのnameが[]で終わっていないため、$(this).find('input[name$="[]"]:checked')でラジオボタンのオブジェクトが取得できていません。そのため、lengthが常に0になるので、警告文が出ています。

nameの末尾に[]を付けてみてはどうでしょう

投稿2016/12/14 02:19

hitsujimeeee

総合スコア486

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

nyowaa

2016/12/14 02:26

ありがとうございます![]をつけたら無事解決することができました!
guest

0

ベストアンサー

ラジオボタンのnameをname='question1[]'に変えてみては如何でしょうか?

投稿2016/12/14 02:13

motuo

総合スコア3027

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

nyowaa

2016/12/14 02:25

ありがとうございます![]をつけたら無事解決することができました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問