<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0042)http://www.cnjquery.com/demo/checkbox.html -->
<HTML><HEAD><TITLE>New Document</TITLE>
<SCRIPT language=JavaScript src="jquery.js"></SCRIPT>
<SCRIPT language=JavaScript>
<!--
$("document").ready(function(){
$("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//全选
})
$("#btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//取消全选
})
$("#btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){
if($(this).attr("checked"))
{
$(this).removeAttr("checked");
}
else
{
$(this).attr("checked",'true');
}
})
})
$("#btn5").click(function(){
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"\r\n";
//alert($(this).val());
})
alert(str);
})
})
//-->
</SCRIPT>
<META content="MSHTML 6.00.2900.3492" name=GENERATOR></HEAD>
<BODY>
<FORM name=form1 action="" method=post>
<INPUT id=btn1 type=button value=全选>
<INPUT id=btn2 type=button value=取消全选>
<INPUT id=btn3 type=button value=选中所有奇数>
<INPUT id=btn4 type=button value=反选>
<INPUT id=btn5 type=button value=获得选中的所有值>
<BR>
<INPUT type=checkbox value=checkbox1 name=checkbox> checkbox1
<INPUT type=checkbox value=checkbox2 name=checkbox> checkbox2
<INPUT type=checkbox value=checkbox3 name=checkbox> checkbox3
<INPUT type=checkbox value=checkbox4 name=checkbox> checkbox4
<INPUT type=checkbox value=checkbox5 name=checkbox> checkbox5
<INPUT type=checkbox value=checkbox6 name=checkbox> checkbox6
<INPUT type=checkbox value=checkbox7 name=checkbox> checkbox7
<INPUT type=checkbox value=checkbox8 name=checkbox> checkbox8
</FORM>
</BODY></HTML>
分享到：
相关推荐
jQuery 对checkbox的操作
自动动手写了个操作checkbox,里面包括全选、全不选、反选、获取选中值四个功能...
JQuery对checkbox的操作 (01).zip欢迎下载！
JQuery操作checkbox、radio等示例
jquery动态生成checkbox 设置一行最多显示几个checkbox 获取checkbox选中项
下面是Jquery对checkbox的一些操作，全选，反选，取消全选等等.
JQuery对checkbox的多选,全选,反选操作样例
NULL 博文链接：https://yhjhoo.iteye.com/blog/652050
C#.net下通jQuery实现的由CheckBox来控件CheckBoxList的全选操作，通过CheckBox来全选CheckBoxList，当有一个CheckBoxList选中时，CheckBox则被选中，且并且可以取得选中的CheckBox和CheckBoxList的value和text
jquery、js操作checkbox全选反选.docx
本文实例讲述了jQuery实现checkbox全选的方法。分享给大家供大家参考。具体分析如下： 通过checkbox 进行全选和取消全选的操作，如果通过toggle进行处理，则会出现checkbox无法显示对勾的问题。 使用click事件，根据...
今天上午对checkbox相关事件整合了下，运用jquery相关知识，整理table中隔行换色，选中变色，全选，反选等操作，并且对table动态添加行进行了相关整理。
jquery操作Radio、Checkbox、Select详细Demo
主要介绍了jQuery实现checkbox全选功能,结合完整实例形式分析了jQuery事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
主要介绍了jquery操作checkbox实现全选和取消全选,需要的朋友可以参考下
本文实例讲述了jquery操作checkbox的常用方法。分享给大家供大家参考，具体如下： 做系统的过程中，与checkbox 复选框打交道，是难免的，而且在每个系统中，简直是必不可少的一道菜，通常的操作有一下几种： 1.用...
主要介绍了jQuery对checkbox 复选框的全选全不选反选的操作 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
主要介绍了jQuery实现checkbox全选、反选及删除等操作的方法,结合实例形式形式详细分析了jQuery针对checkbox多选按钮常见批量操作相关实现技巧,需要的朋友可以参考下