`

复选框全选或者全不选

阅读更多
<!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 runat="server">
<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);
            });
        });
    </script>

</head>
<body>
    <div>
        <input id="checkAll" type="checkbox" />全选
        <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>
分享到:
评论

相关推荐

    复选框全选全不选JS代码

    复选框全选全不选JS代码,可以通过按钮或者复选框调用。

    DataGridView 复选框全选。

    DataGridView 复选框列实现全选。点击列头的复选框下面的行全部选中或者全部取消。

    Js实现复选框的全选、全不选反选功能代码实例

    主要介绍了Js实现复选框的全选、全不选和反选,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

    HTML页面中复选框的操作方法

    第一个是关于复选框全选反选的操作,当然我在里面还加了一个小功能,就是当选择底下尚品或者其他的东西的复选框全部为选中状态时则全选按钮也变为选中状态;反之亦然。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&...

    JQuery复选框全选效果如何实现

    主要介绍了JQuery复选框全选效果如何实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

    js复选框(checkbox)

    支持选择,或者反选,全选多种功能,一款简单小巧的其他代码。特点:1、切换全选/全不选文字;2、根据选中个数更新全选框状态;懒人之家推荐下载

    模拟多级复选框效果的jquery代码

    代码块分两块: 一是全选的效果,就是点击全选的复选框时它的子孙都相应被选中或者未选中。这人很好做,代码如下: 代码如下: evtEle.parent().next(“.checks”).find(“input:checkbox”).attr(“checked”, ...

    jQuery实现checkbox的简单操作

    对复选框组的全选、全不选、不全选,获取选中的复选框的值的操作 1.点击全选按钮,复选框组全部选中或者全部取消。 2.实现全选按钮和复选框组的联动,当复选框组中有一个没有被选中后,那么id=‘checkedAll’的全选...

    javascript关于复选框的实用脚本代码

    在很多网站里这都是一个很常见的效果,就是点击总分类的复选框,自动选择所有子分类的复选框,或者如果子分类的所有复选框全部被选中则总分类复选框也自动被选中。 这次偶时再msn的网站上偶然看到的,于是自己也试着...

    jquery实现全选、不选、反选的两种方法

    在取复选框checkbox的属性checked属性值时,发现一个问题,就是当用attr取值时,真的为”checked”,假的为”undefined”;当用prop取值时,真的为”true”,假的为”false”。经过网上参考一些资料,及根据官方的建议...

    jQuery分别获取选中的复选框值的示例

    点击“提交”后,可以得到正确的选择值了,但是后面多一个,(英文逗号),这个可以检测一下再用substring去除,或者获取到复选框选择值后一般都要转成数组再使用的,所以也可以在转成数组后,去除最后一个数组元素。...

    常用JS代码

    3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号组成.且开头...

    JS固定表头和左边列V2.0(源码)

    增加复选框选择:全选、取消、反选,需要调用 .setChecked(oper, name) oper: 1-全选,2-取消,3-反选; name: checkbox的 name属性名称 解决启用bootstrap.css之后,表格列宽获取的问题,目前采用的方法是屏蔽,...

    利用Vue.js实现checkbox的全选反选效果

    最近用vue做了两个项目,都需要实现全选反选的功能,所以想着记录下分享给大家,方便自己或者有需要的朋友们参考讲学习,所以下面这篇文章主要介绍了利用Vue.js实现checkbox的全选反选效果,需要的朋友可以一起来学习...

    FineUI(ASP.NET UI控件) v4.1.3.rar

    表格控件-&gt;复选框列-&gt;全选复选框列(客户端实现)。 表格控件-&gt;杂项-&gt;右键菜单(全选复选框)。 杂项-&gt;自定义回发(__doPostBack)。 杂项-&gt;自定义回发(F.customEvent)。 杂项-&gt;文本框改变客户端事件。 修正行扩展...

    常用JS脚本页面判断

    3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号组成....

    javascript代码常用大全

    3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号...

    javascript常用代码大全.html

    3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号组成....

    javascript 常用代码大全

    3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-z或者是a-z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号...

    javascript常用代码

    3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全 由a-z或者是a-z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号...

Global site tag (gtag.js) - Google Analytics