У меня есть form которая отправила 1 из 8 переключателей в супер глобальный массив php $_POST . Поэтому мне нужна была проверка. Мне было любезно помогло, предоставляя этот код, который отлично работает:
$("#form").submit(function (event) { if(!$(":radio:checked").length) { alert("You must select at least one emotional state!"); event.preventDefault(); } });
Тем не менее, теперь меня попросили иметь 2 набора из 8 переключателей, в которых пользователь выбирает 2 ответа вместо первого ответа. Мне нужен код, чтобы определить, что по крайней мере одна радиокнопка из каждого набора из 8 кнопок была выбрана до отправки формы. В настоящий момент код проверяет, были ли выбраны какие-либо радиокнопки, как только выбрано всего 1 кнопка, функция выполняется и переходит на следующую страницу, чего я не хочу.
РЕДАКТИРОВАТЬ
Код кнопки:
<p><input type="radio" value="happy" name="perceived_emotion">Happy <input type="radio" value="excited" name="perceived_emotion">Excited <input type="radio" value="angry" name="perceived_emotion">Angry <input type="radio" value="frustrated" name="perceived_emotion">Frustrated <input type="radio" value="miserable" name="perceived_emotion">Miserable <input type="radio" value="sad" name="perceived_emotion">Sad <input type="radio" value="tired" name="perceived_emotion">Tired <input type="radio" value="relaxed" name="perceived_emotion">Relaxed</p> <p><input type="radio" value="happy" name="induced_emotion">Happy <input type="radio" value="excited" name="induced_emotion">Excited <input type="radio" value="angry" name="induced_emotion">Angry <input type="radio" value="frustrated" name="induced_emotion">Frustrated <input type="radio" value="miserable" name="induced_emotion">Miserable <input type="radio" value="sad" name="induced_emotion">Sad <input type="radio" value="tired" name="induced_emotion">Tired <input type="radio" value="relaxed" name="induced_emotion">Relaxed</p>
Вот код form :
<form id="form" action="audio_handler.php?id=1" method="POST"> <div id="perceived_emotions"> <?php include("includes/induced_emotion_buttons.php"); ?> </div> <br /> <div id="induced_emotions"> <?php include("includes/perceived_emotion_buttons.php"); ?> </div> <p class="right"><input type="submit" name="submit" value="Submit"></p> </form>