Я пытаюсь проверить раздел моей формы с помощью JS. Пользователь должен нажать одну из 3 переключателей. Если ни одно из них не выбрано, значение определенной переменной ($ planSelectValid) должно быть ложным. Если пользователь нажимает на один из радиостанций, он должен переключать значение на true. Из этого я могу позже проверить переменную, чтобы убедиться, что кнопка отправки должна быть активной.Проверка формы - Radio Loop
Я потратил много времени на это, и я не могу заставить его работать правильно. Я должен признать, что я все еще довольно зеленый, когда речь идет о JS. Что мне не хватает/делает неправильно? Любая помощь с этим наиболее ценится :)
Вот соответствующие части моего кода:
HTML
<div class="socPlanRadios">
<p>
<input type="radio" name="socPlan" value="Plan 1" id="plan1">
<label for="plan1"><b>Plan 1</b></label>
</p>
<p>
<input type="radio" name="socPlan" value="Plan 2" id="plan2">
<label for="plan2"><b>Plan 2</b></label>
</p>
<p>
<input type="radio" name="socPlan" value="Plan 3" id="plan3">
<label for="plan2"><b>Plan 3</b></label>
</p>
</div>
JS
<script>
$planSelectValid = false;
function ValidateRadioButtons() { //Function for Validating If Radio Button isselected
$('.socPlanRadios').find('radio').each(function() { //LoopingthroughradioButtons
if ($(this).is(':checked')) {
$planSelectValid = true;
}
});
if ($planSelectValid = true) {
alert("Validation Passed");
} else {
alert("Please select a Radio Button");
}
}
$('.socPlanRadios').find('radio').blur(ValidateRadioButtons);
</script>
$ ('socPlanRadios'). Find ('radio') не является правильным «радио» не является тегом, на который вы можете настроить его как $ («input [name = socPlan]») $ ("input [ name = socPlan] "). blur (ValidateRadioButtons); работает с вашим текущим кодом –
@DeepakDavid Это работало как шарм! Большое вам спасибо! – BPmkt
Не стоит беспокоиться .. В любое время ... –