Javascript:当选中/选择分配给它的单选按钮时,如何使输入/文本字段成为必填字段(必需)



当选中/选择分配给它的单选按钮时,如何使输入/文本字段成为必填字段(必填(?

选择相应的单选按钮后,我需要输入字段成为必填字段:

单选按钮 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>

假设你有这样的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>

最新更新