jquery实现checkbox选中功能
2014-01-15 11:12
316 查看
<!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>jQuery实现CheckBox全选、全不选</title> <script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("#checkAll").click(function() { $('input[name="subBox"]').attr("checked",this.checked); }); var $subBox = $("input[name='subBox']"); $subBox.click(function(){ $("#checkAll").attr("checked",$subBox.length == $("input[name='subBox']:checked").length ? true : false); }); }); $(function () { $("#selectAll").click(function () {//全选 $('input[name="subBox"]').attr("checked", true); }); $("#unSelect").click(function () {//全不选 $('input[name="subBox"]').attr("checked", false); }); $("#reverse").click(function () {//反选 $('input[name="subBox"]').each(function () { $(this).attr("checked", !$(this).attr("checked")); }); }); }); </script> </head> <body> <label><input id="checkAll" type="checkbox" />全选/全不选</label> <label><input id="selectAll" type="button" value="全选"/></label> <label><input id="unSelect" type="button" value="全不选"/></label> <label><input id="reverse" type="button" value="反选"/></label> <div> <input name="subBox" type="checkbox" />项1 <input name="subBox" type="checkbox" />项2 <input name="subBox" type="checkbox" />项3 <input name="subBox" type="checkbox" />项4 </div> </body> </html>
相关文章推荐
- jquery实现checkbox的全选跟取消功能
- jQuery实现radio第一次点击选中第二次点击取消功能
- jQuery实现点击行选中或取消CheckBox的方法
- jquery checkbox选中状态以及实现全选反选
- 选中实现jquery实现复选框checkbox全选(完善)
- CListCtrl控件实现点击单行选中当前CheckBox点击CheckBox实现多选功能
- jquery 实现checkbox全选功能,全不选功能.
- Jquery实现点击某一checkbox时,value类似的checkbox也选中
- jQuery实现checkbox 全选,全不选功能
- jquery 实现checkbox全选、取消全选功能
- jQuery Easyui Treegrid实现显示checkbox功能
- jquery实现checkbox的全选跟取消功能
- 关于用jQuery实现的checkbox全选和反选功能
- 关于使用jquery取得页面中选中的checkbox的实现
- 采用Jquery,在table上实现对行的单击、双击、返回选中行数据的功能,可作为GridView控制客户端的扩展
- jQuery实现CheckBox全选、全不选以及获取选中的值
- jquery实现全选、反选、获得所有选中的checkbox
- jQuery实现radio第一次点击选中第二次点击取消功能(转)
- jQuery(5)--实现checkbox的全选,反选,全不选功能
- jquery实现获取指定name或ID的多个选中checkbox