使用jquery判断一组checkbox是否选中,以及如何如何使用js提交checkbox选中的值。具体代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="https://www.feishuai.vip/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('https://www.feishuai.vip/',{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="sfjvip" />phper笔记
<br />
<input type="button" value="提交" />
</body>
</html>