关于验证，当checkbox某项选中时textbox不能为空！
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于验证，当checkbox某项选中时textbox不能为空！相关的知识，希望对你有一定的参考价值。
例如：页面上有控件 checkbox ：选项1，选项2，选项3 和 textbox 1,2,3
当选中checkbox选项1时，验证textbox1 不能为空。 当选中checkbox选项2时，验证textbox2不能为空。当选中checkbox选项3时，验证textbox3 不能为空。
使用下面这种验证有办法实现么？<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="不能为空！"
Display="None" ControlToValidate="textbox1"></asp:RequiredFieldValidator>
如果不能，该如何实现！？求教，在线等！！！
因为如果用户错误操作的话数据库就会不断增加垃圾数据
checkboxlist有选中事件触发到后台，然后在给textbox赋你想要的值
最好加一个确认按钮当点确认后把textbox的值插入数据库
这么设计比较合理
另外,虚机团上产品团购,超级便宜 参考技术B 可以使用JS脚本一个。本回答被提问者采纳
关于checkbox操作 table
引入 Validform验证
<script type="text/javascript">
//添加操作
crrTrTdCkId=1;
function addIndexBtnClick(){
crrTrTdCkId=crrTrTdCkId+1
crrTrTdCkIdStr="CkId"+crrTrTdCkId
var insertTr=
‘<tr >‘+
‘<td align="center" ><input type="checkbox" name="ck" id="‘+crrTrTdCkIdStr+‘"/></td>‘+
‘<td > <input name="dxName" type="text" datatype="*1-50" style="width:120px" ><span class="Validform_checktip"></span><label class="Validform_label" style="display: none;">名称</label></td>‘+
‘<td > <input name="dxgrade" type="text" datatype="n1-2" style="width:40px" ><span class="Validform_checktip"></span><label class="Validform_label" style="display: none;">分数</label></td>‘+
‘<td > <input name="remark" type="text" datatype="*0-150" style="width:250px" ><span class="Validform_checktip"></span><label class="Validform_label" style="display: none;">备注</label></td>‘+
‘</tr>‘
$("#addPosition").after(insertTr);
$("#addPosition").remove();
$("#"+crrTrTdCkIdStr).parent().parent().after(‘<input id="addPosition" type="hidden"/>‘)
}
//删除操作
function delIndexBtnClick(){
if($("input[name=‘ck‘]:checked").length==0){
tip("至少选择一条进行删除操作");
}else{
$(‘input[name="ck"]:checked‘).each(function(){
$(this).parent().parent().remove();
});
}
}
//全选 全不选 jq操作
$(function(){
$("#dxBox").click(function(){
if($("#dxBox").val()==0){
$(‘input[name="ck"]‘).attr("checked","true");
$("#dxBox").val("1")
}else{
$(‘input[name="ck"]‘).removeAttr("checked");
$("#dxBox").val("0")
}
});
})
</script>
<style type="text/css">
.formtable1 td{ border:1px solid #ddd;height:38px}
</style>
</head>
<body style="overflow-x: hidden;">
<div style="height:25px" class="datagrid-toolbar">
<a id="addColumnBtn1" class="easyui-linkbutton" data-options="iconCls:‘icon-add‘" onclick="addIndexBtnClick();" href="#">添加</a>
<a id="delColumnBtn1" class="easyui-linkbutton" data-options="iconCls:‘icon-remove‘" onclick="delIndexBtnClick();" href="#">删除</a>
<%--<span style="color:#000000;font-size:16px">点选项明细</span>--%>
</div>
<table class="formtable1" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td align="center" width="5%" > <input type="checkbox" value="0" id="dxBox" /></td>
<td align="center" width="30%" ><b>名称</b></td>
<td align="center" width="15%" ><b>分数</b></td>
<td align="center" width="50%" ><b>备注</b></td>
</tr>
<c:forEach items="${dxList }" var="v1" varStatus="status">
<tr>
<td align="center" valign="middle" >
<input type="checkbox" name="ck" id="trForCK${status.index+1}"/>
</td>
<td>
<input name="dxName" value="名称1" type="text" datatype="*1-50" style="width:120px" >
<span class="Validform_checktip"></span>
<label class="Validform_label" style="display: none;">名称</label>
</td>
<td >
<input name="dxgrade" value="1" type="text" datatype="n1-2" style="width:40px" >
<span class="Validform_checktip"></span>
<label class="Validform_label" style="display: none;">分数</label>
</td>
<td>
<input name="remark" value="备注1" type="text" datatype="*0-150" style="width:250px">
<span class="Validform_checktip"></span>
<label class="Validform_label" style="display: none;">备注</label>
</td>
</tr>
</c:forEach>
<input id="addPosition" type="hidden"/>
</table>
以上是关于关于验证，当checkbox某项选中时textbox不能为空！的主要内容，如果未能解决你的问题，请参考以下文章