前回の質問で、一度解決済みとさせていただいたのですが、不具合が発覚したため再度ご質問させていただきます。
###前提・実現したいこと
前回の質問にて、複数チェックボックスの件については無事解決することができたのですが、ラジオボタンの動作チェックをしてみたところ、ラジオボタンにチェックを入れているのに「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です。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/12/14 02:26