1. jquery操作复选框是使用频繁的一个操作
2. 看看源码
<!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></title>
<!-- 引入jQuery -->
<script src="js/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
//全选
$("#CheckedAll").click(function(){
$('input[name=items]:checkbox').attr('checked', true);
});
//输出值
$("#send").click(function(){
var str="你选中的是:\r\n";
$("input[name='items']:checkbox:checked").each(function(){
str+=$(this).val()+"\r\n";
})
alert(str);
});
})
</script>
</head>
<body>
<form method="post" action="">
你爱好的运动是?
<br/>
<input type="checkbox" name="items" value="足球"/>足球
<input type="checkbox" name="items" value="篮球"/>篮球
<input type="checkbox" name="items" value="羽毛球"/>羽毛球
<input type="checkbox" name="items" value="乒乓球"/>乒乓球
<br/>
<input type="button" id="CheckedAll" value="全 选"/>
<input type="button" id="send" value="提 交"/>
</form>
</body>
</html>
3. 对于复选框选中的测试
input[name='items'][checked=true] ff3.6 ie7都可以运行
input[name='items']:checkbox[checked=true] ff3.6 ie7都可以运行
input[name='items'][checked] ff3.6不可以 ie7可以运行
input[name='items']:checkbox[checked] ff3.6 ie7 都可以运行
input[name='items'][checked=checked] ff3.6 ie7 都不能运行
input[name='items']:checkbox[checked=checked] ff3.6 ie7 都不能运行
input[name='items']:checked ff3.6 ie7 都可以运行
input[name='items']:checkbox:checked ff3.6 ie7 都可以运行
分享到:
相关推荐
jQuery滑动复选框操作菜单
jquery版本的复选框全选和不选,简单而且好用,我是在项目中摘要出来的小示例。
jquery操作单选框和复选框,超级实用的示例,节约项目开发时间!
NULL 博文链接:https://speed-guo.iteye.com/blog/712379
主要实现判断所有的复选框选中时,做某些操作,例如使全选按钮选中,当有一项不选中时,则使全选按钮不勾选
主要介绍了jQuery获取复选框被选中数量及判断选择值的方法,结合实例形式分析了jQuery操作复选框进行判定与统计的相关技巧,非常具有实用价值,需要的朋友可以参考下
通过jquery技术来操作表格是件简单的事,通过jquery的语法,可以很轻松的完成表格的隔行换色,悬浮高亮,在实际的应用中可能会出现表格中带复选框的,删除时,将复选框所在的行的记录删除。在这的地方,可以加个特效...
NULL 博文链接:https://phf123456-yeah-net.iteye.com/blog/711711
本文实例汇总了jquery操作复选框checkbox的方法。分享给大家供大家参考。具体分析如下: jquery判断checked的三种方法: 代码如下:$(“input”).attr(“checked”); //版本1.6+返回:”checked”或”undefined” ,...
本文给大家汇总介绍了一些jQuery操作复选框(checkbox)的方法和技巧,非常的简单实用,有需要的小伙伴可以参考下。
jquery 实现复选框的全选操作实例代码 最近做了个需求,需要实现列表复选框的全选/取消全选操作,由于之前对这块不是很了解,所以从网上查了一些资料,虽然有各种实现方法,但没找到直接可以套用的。自己琢磨了下,...
本文实例讲述了JQuery实现简单的复选框树形结构图。分享给大家供大家参考,具体如下: 这是自己写的简单树形结构图,实现的功能有: 1.最左边的按钮实现子目录的隐藏和显示 2.点击父节点的复选框选中后,父节点下的...
主要介绍了jQuery操作复选框(CheckBox)的取值赋值实现代码,需要的朋友可以参考下
主要介绍了jQuery对checkbox 复选框的全选全不选反选的操作 的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
jquery操作拉列表、文本框、复选框、单选框集合。各种对下拉列表、文本框、复选框、单选框的jquery的相关操作。做为记录和收藏的最好方法
主要介绍了JQuery限制复选框checkbox可选中个数的方法,涉及jQuery操作复选框长度判断与属性修改的相关技巧,非常具有实用价值,需要的朋友可以参考下
本篇文章主要是对jquery操作复选框(checkbox)的12个小技巧进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助