Как сделать поле ввода/текста обязательным, если установлен переключатель, назначенный ему?

Question

Как сделать ввод/текстовое поле обязательным (обязательным), когда назначенный ему переключатель радиосвязи установлен или выбран?

мне нужно поле ввода, чтобы стать обязательным после выбора соответствующей кнопки радио:

радио кнопку A Текст Поле A
Радио B Кнопка Текст Поле B
Радио Кнопка С Текстовое поле С

Так что, если выбрана кнопка «Радио A», мне нужно текстовое поле «А», чтобы стать обязательным. Если выбрана радиокамера B, мне нужно, чтобы текстовое поле B стало обязательным и так далее.

Answer 1

Во-первых, чтобы сделать вещи легко импорта JQuery в вашей HTML странице, вы можете использовать следующий тег, который загружает JQuery непосредственно из CDN Google:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

Тогда, предполагая, что вы собираетесь использовать родной HTML5 проверки и что ваша форма имеет название «Form1», радиостанция кнопка группы под названием «Radio1» и ваш ввод текста называется «text1», вы можете использовать следующий Javascript код:

$(function(){ 
    var $form = $('form[name=form1]'); 
    $form.find('input[name=radio1]').click(function(){ 
    $form.find('input[name=text1]').attr('required', true); 
    }); 
}); 

Если вы «делать проверку» по h и «используя привязку события к событию отправки формы, вы можете вместо этого использовать контрольную переменную boolean (например, с именем «requireInput» и false), чтобы определить, требуется ли поле ввода или нет, и установите его в true внутри привязки события щелчка выше.