使用jquery判断一组checkbox是否选中,以及如何如何使用js提交checkbox选中的值。具体代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://www.phpernote.com/js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('input[type=button]').click(function(){
var result=new Array(),str='';
$('input[name="username[]"]:checked').each(function(){
result.push($(this).val());
});
var str=result.join(',');
if(str==''){
alert('没有选中任何选项!');
return false;
}
alert(result);
//提交选项值
$.post('http://www.phpernote.com/',{username:str},function(){});
});
});
</script>
<title>jquery判断checkbox是否选中示例</title>
</head>
<body>
<input name="username[]" type="checkbox" value="taobao" />淘宝
<input name="username[]" type="checkbox" value="google" />谷歌
<input name="username[]" type="checkbox" value="phpernote" />phper笔记
<br />
<input type="button" value="提交" />
</body>
</html>