Question

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

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

单选按钮1文本字段1
单选按钮2文本字段2
单选按钮3文本字段3

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

请参阅下面的实际代码：

请选择/使用以下政府颁发的身份证明之一来确认您的身份。选择身份类型后，请填写旁边的文本字段。

<TR>
    <TD width="253"><input type="radio" required name="IdentityType" id="IdentityType" value="Australian driver's licence number">
        <label for="IdentityType">**Australian driver's licence number:**</label> 
    </TD>
    <TD width="672">
        <span id="sprytextfield1">
            <input name="IdentityValue" type="text"  id="IdentityValue" value="" />
        </span>
    </TD>
</TR>

<TR>
    <TD style="text-indent:22px"> 
        <label for="IdentityType">**Issue state or territory:**</label>
    </TD>
    <TD>
        <input name="IdentityValue" type="text"  id="IdentityValue" value="" />
    </TD>
</TR>
<TR>
    <TD>
        <input type="radio" required name="IdentityType" id="IdentityType" value="Australian passport number">
        <label for="IdentityType">**Australian passport number:**</label>
    </TD>
    <TD>
        <input name="IdentityValue" type="text"  id="IdentityValue" value="" />
    </TD>
</TR>

<TR>
    <TD>
        <input type="radio" required name="IdentityType" id="IdentityType" value="Immicard number">
        <label for="IdentityType">**Immicard number:** </label>
    </TD>
</TR>

Answer 1

让我们假装你有像这样的HTML

<input type="radio"  id="radio1"  />
<input type="textbox" value="t1"/>
<script>
if(document.getElementById('radio1').checked) {
 document.getElementById("t1").required = true;
}else  {
  document.getElementById("t1").required = false;
}</script>

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

1 个答案: