Question

当选中/选择分配给它的单选按钮时，如何强制要求输入/文本字段（必填）？

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

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

因此，如果选择单选按钮A，我需要文本字段A成为必需项。如果选择单选按钮B，我需要文本字段B成为必需项等等。

Answer 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。

如果选中分配给它的单选按钮，如何强制输入/文本字段？

1 个答案: