如何在选中复选框时使字段成为必需字段

Question

你好，我是JSP和JavaScript的新手，我想在选中复选框时创建一个必填字段，

<tr>
<th class="clsTableHeaderLeft">InterCompany</th>
<td class="clsDisplayText"> 
<%              if (!tHideField.equals("")){
out.println(tRecord.get(idxInterComFlag).toString());
}
%>          
<input type="checkbox" class="clsInputText" <%=tHideField%> name="txtInterComFlag"  onchange="chgStatus(txtStatus);" size="25" maxlength="20" 
<%=tRecord.get(idxInterComFlag).toString().equals("Y")?" checked":""%>
/>
</td>
</tr> 
<tr>
<th class="clsTableHeaderLeft">Entity Code</th>
<td class="clsDisplayText">
<%              if (!tHideField.equals("")){
out.println(tRecord.get(idxInterComCode).toString());
}
%>          

<input type="text" class="clsInputText" <%=tHideField%> name="txtInterComCode"  size="25" maxlength="20" />

</td>
</tr>

选中时复选框值也为"开"，如何使其变为 Y 或 N？ 谢谢！

Answer 1

我有同样的要求，所以我选择遵循以程：

• 在复选框下创建单击函数
• 获取需要更改的 html 输入元素的元素 ID
• 根据需要创建新的 HTML 输入元素，并使用 Java 脚本替换它。

这是我的示例代码：

function fxctco() {
	
	var newHTML="<input type='number' name='fctc'  required/>";
	document.getElementById("ctc").innerHTML = newHTML;
}

<table><tr><TD ><input type="radio" name="fx"value="YES" onClick="fxctco()"> Yes
<input type="radio" name="fx"value="NO" checked> No</TD></tr>
<tr><TD  id="ctc"> <INPUT TYPE="number" NAME="fctc"   /></TD></tr>
<tr>
<TD  align="center"><INPUT TYPE="submit" class="button" VALUE="submit"></TD>
</tr> </table>