How do I make an input/text field mandatory when the radio button assigned to it is checked?答案

【问题标题】：How do I make an input/text field mandatory when the radio button assigned to it is checked?How do I make an input/text field mandatory when the radio button assigned to it is checked?
【发布时间】：2017-02-12 23:22:25
【问题描述】：

当分配给它的单选按钮被选中/选择时，如何使输入/文本字段成为强制性（必需）？

一旦选择了相应的单选按钮，我需要一个输入字段成为必填字段：

单选按钮 A 文本字段 A
单选按钮 B 文本字段 B
单选按钮 C 文本字段 C

因此，如果选择了单选按钮 A，我需要将文本字段 A 变为必填项。如果选择了单选按钮 B，我需要将文本字段 B 变为必填项，依此类推。

【问题讨论】：

标签： javascript forms

【解决方案1】：

首先，为了方便将 jQuery 导入您的 HTML 页面，您可以使用以下标签直接从 Google 的 CDN 加载 jQuery：

<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);
  });
});

如果您使用表单的提交事件上的事件绑定“手动”进行验证，那么您可以使用布尔控制变量（例如，默认名为“requireInput”和false）来确定输入是否字段是否必填，并在上面的点击事件绑定中将其设置为true。

【讨论】：