jquery判断checkbox是否选中

栏目: 编程语言 发布于: 2014-05-02 13:05:10

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

您可能感兴趣的文章

  • jquery 获取checkbox的选中值(一组和单个)
  • javascript判断鼠标左右键点击-兼容ie、firefox、chrome等各大主流浏览器
  • jquery判断复选框是否被选中
  • javascript判断复选框是否选中
  • jquery $.ajax $.post或者$.get如何提交checkbox的值
  • js 判断变量是否为数字
  • js判断一个值是否存在于一个js数组中
  • js中判断一个数组中是否有重复值的方法
本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。
转载请注明:文章转载自 [http://www.php230.com]
本文标题:jquery判断checkbox是否选中
IT技术书籍推荐:
疯狂Android讲义(第3版)
疯狂Android讲义(第3版)
李刚 (作者)
移动互联网已经成为当今世界发展最快、市场潜力最大、前景最诱人的业务,而Android则是移动互联网上市场占有率最高的平台。 本书是《疯狂Android讲义》的第3版,本书基于最新的Android 5,并采用了Google推荐的IDE:Android Studio作为开发工具,书中每个案例、每个截图都全面升级到Android 5。本书全面介绍了Android应用开发的相关知识,全书内容覆盖了Android用户界面编程、Android四大组件、Android资源访问、图形/图像处理、事件处理机制、Android输入/输出处理、音频/视频多媒体应用开发、OpenGL与3D应用开发、网络通信编程、Android平台的Web Service、传感器应用开发、GPS应用开发、整合第三方Map服务等。
最新互联网资讯