jquery如何取得页面有多少选中的checkbox？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery如何取得页面有多少选中的checkbox？相关的知识，希望对你有一定的参考价值。
jquery如何取得页面有多少选中的checkbox？我现在有这样一段代码：<script type="text/javascript" src="./js/jq_class.js"></script>
<script>
$(document).ready(function()
var checked_num = (":checkbox").length;
alert(checked_num);
);
</script>
<form action="temp.php" method="post">
<input type="checkbox" name="1" checked="checked" value="111" />
<input type="submit" value="tijiao" name="submit" />
</form> 这个代码的结果，始终显示9个checkbox，我已经要疯了！
通过jquery过滤器:checked方式获取所有选中的checkbox
1、定义页面checkbox框,代码如下：
<body>
<input type='checkbox'/>
<input type='checkbox'/>
<input type='checkbox'/>
</body>
2、通过jquery过滤器选择选中的checkbox，代码如下：
var chks=$("input:checked");//获取所有选中的checkbox,chks是一个元素数组
3、通过chks的长度知道多少被选中，代码如下：
var len = chks.length;//选中的checkbox数量
扩展资料
jQuery语言的特点：
1、快速获取文档元素
jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。
2、提供漂亮的页面动态效果
jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。
3、创建AJAX无刷新网页
AJAX是异步的JavaScript和ML的简称，可以开发出非常灵敏无刷新的网页，特别是开发服务器端网页时，比如PHP网站，需要往返地与服务器通信，如果不使用AJAX，每次数据更新不得不重新刷新网页，而使用AJAX特效后，可以对页面进行局部刷新，提供动态的效果。
4、提供对JavaScript语言的增强
jQuery提供了对基本JavaScript结构的增强，比如元素迭代和数组处理等操作。
5、增强的事件处理
jQuery提供了各种页面事件，它可以避免程序员在html中添加太事件处理代码，最重要的是，它的事件处理器消除了各种浏览器兼容性问题。
6、更改网页内容
jQuery可以修改网页中的内容，比如更改网页的文本、插入或者翻转网页图像，jQuery简化了原本使用JavaScript代码需要处理的方式。
参考资料：百度百科-jQuery
参考技术A通过jquery过滤器:checked方式获取所有选中的checkbox
1、定义页面checkbox框
<body><input type='checkbox'/>
<input type='checkbox'/>
<input type='checkbox'/>
</body>
2、通过jquery过滤器选择选中的checkbox
3、通过chks的长度知道多少被选中
var len = chks.length;//选中的checkbox数量 参考技术B jQuery取得页面选中的checkbox的命令是：$("input[type='checkbox']:checked");//选中所有类型为checkbox并且选中状态的复选框1、html判断复选框【checkbox】是否选中是根据checked=checked来判断的
2、jq判断checkbox选中状态的命令是:checked【冒号后面跟checked可以直接判断出checkbox是否选中，这个也是用来判断readio单选框是否选中命令】
3、jq的input[type='checkbox']：这个选择当前页面所有类型为复选框的选择器 参考技术C <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js 二级联动菜单</title>
<script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
var intNum = 0;
$("input[type='checkbox']").each(function(i)
if ($(this).attr("checked"))
intNum += 1;
)
alert(intNum);
);
</script>
</head>
<body>
<input id="Checkbox1" type="checkbox" checked="checked" />
<input id="Checkbox2" type="checkbox" checked="checked" />
<input id="Checkbox3" type="checkbox" checked="checked" />
<input id="Checkbox4" type="checkbox" checked="checked" />
<input id="Checkbox5" type="checkbox" checked="checked" />
<input id="Checkbox6" type="checkbox" />
</body>
</html> 参考技术D 你这是找checkbox
有一个选择器 叫:checked 已选择的
$("input:checkbox:checked").length; //查找input 且是checkbox 并且还是:checked 已选中的
MySQL中的HTML复选框更改值
【中文标题】MySQL中的HTML复选框更改值【英文标题】：HTML checkbox change value in MySQL 【发布时间】：2010-12-17 02:08:08 【问题描述】：我有一个复选框，我需要在“选中”时将 MySQL 表值更改为“是”，如果在取消选中为“否”时选中它。
我想通过Ajax 完成此任务。如何做到这一点？
【问题讨论】：
【参考方案1】：使用jQuery 和 PHP。
这是 jQuery 中的an example：
$.post("test.php", isChecked:$('#checkbox_id').attr('checked') );
此语句应在 <head></head> 或单独的 JavaScript 文件中定义。
在您的 PHP 代码中，您可以检查 isChecked POST 变量：
if($_POST('isChecked')==1)
//Set MySQL table to 1.
else
//Set MySQL table to 0.
这里是a reference on how to use post。这是how you can use PHP to update MySQL table。
【讨论】：
谢谢你的例子。我会尝试实现它。 我对 jquery 部分有疑问，该代码是否包含在每个复选框标记中，例如： 还是每次勾选复选框时都会触发的通用语句？ 这是一个通用语句；您应该在<head></head> 或单独的 js 文件中定义它
你好，你能看看我刚刚发的帖子吗？谢谢。
您的代码中有错误。它应该是 $_POST['isChecked']【参考方案2】：
您使用复选框的 onchange 事件处理程序向某些服务器端代码发出 XmlHttpRequest 以更新您的表格。
【讨论】：
谢谢，可以提供一些参考吗？以上是关于jquery如何取得页面有多少选中的checkbox？的主要内容，如果未能解决你的问题，请参考以下文章