jquery 一组复选框对应一组text表单,勾选任意一个复选框相对应的text表单必须填写

发布网友发布时间：2023-03-14 15:52

共2个回答

热心网友时间：2023-10-23 06:22

如下代码可以实现，复制过去点按钮提交试试效果吧：

<div id="divBox">
<div><input type="checkbox" /><input type="text" /></div>
<div><input type="checkbox" /><input type="text" /></div>
<div><input type="checkbox" /><input type="text" /></div>
<div><input type="button" value="提交" onclick="Cmd()" /></div>
</div>
<script src="jquery-1.4.1.min.js"></script>
<script>
function Cmd(){ //点击按钮时
$("#divBox input[type=checkbox]").each(function(){ //遍历id为divBox的div里所有的复选框
var txt = $(this).next("input[type=text]"); //得到复选框后面的文本框对象
if($(this).is(":checked") && txt.val().length == 0){ //如果复选框选中并且文本框为空
alert("被勾选的行不能为空"); //弹出提示
txt.focus(); //设置焦点（把光标定位在为空的文本框里）
return false; //返回false
}
});
}
</script>

热心网友时间：2023-10-23 06:22

$(".checkbox").click(function(){
if($(this).is(":checked")) { // 勾选时
if($(this).siblings('.input-text').val() == '') { // 相邻的text的值为空时，不相邻可以用一个编号来对应，如 checkbox1对应input-text1
alert('text表单必须填写！');

$(this).attr("checked",false);//取消选中

}
}

})