jquery判断复选框是否被选中

前端APP 投稿 14300 0 评论

jquery判断复选框是否被选中

不久前总结了一下关于 javascript 如何判断复选框是否选中的问题,由于最近使用 Jquery 比较多,于是乎又想把 jquery 判断复选框是否选中以及如何选中的问题也做一下总结。

进入正题,还是当页面有如下一组复选框的时候:


<input type="checkbox" name="fruit" value="apple" />苹果
<input type="checkbox" name="fruit" value="orange" />橘子
<input type="checkbox" name="fruit" value="banana" />香蕉
<input type="checkbox" name="fruit" value="grape" />葡萄

那么使用 Jquery 获取 name=fruit 的一组复选框的值的方法如下:


var checkVal='';
$("input[name='fruit']:checkbox".each(function({ 
	if($(this.attr('checked'{
		checkVal+=$(this.val(+',';
	}
}

判断 name=fruit 组的复选框是否有被选中的选项:


var flag=false;
$("input[name='fruit']:checkbox".each(function({ 
	if($(this.attr('checked'{
		flag=true;
	}
}
if(flag{
	alert('有被选中';
}else{
	alert('没有选中任何选项';
}

编程笔记 » jquery判断复选框是否被选中

赞同 (82) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽