选中复选框时如何使字段为必填项

时间:2018-09-17 05:37:14

标签: javascript jsp

您好,我是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?谢谢!

1 个答案:

答案 0 :(得分: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>