javascript - 如何在选中复选框时将字段设置为必填字段

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>

选中时复选框值也为“on”，我怎样才能将其设置为 Y 或 N？谢谢!

Answer 1

我有同样的要求，所以我选择遵循以下流程:

• 在复选框处创建 onclick 函数
• 获取需要更改的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>