Question

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

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

Answer 1

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

<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>

追问

有个BUG啊 说是is not defined，没有定义

追答

哪里没定义？我运行了，完全可以啊。
你是不是没有引用Jquery文件？你把jquery-1.4.1.min.js这个文件放到网页同级目录试试。
或者把这句代码里的jquery文件名换成你的jquery文件名。

追问

麻烦再看下、

追答

1. 你用附件给你的jquery试试看。

2. 如果还不行，也有可能是页面编码问题导致中文乱码，进而导致js失效。

Answer 2

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

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

}
}

})