<html>

<head>

<title>jq全选以及获得选中项的值</title>

<meta charset="utf-8">

<script src="http://libs.baidu.com/jquery/1.4.1/jquery.js"></script>

<script>

$(function() {

    $("#select").click(function() {

        if ($(this).attr("checked")) {

            $("input[name=items]").each(function() {

                $(this).attr("checked", true);

            });

        } else {

            $("input[name=items]").each(function() {

                $(this).attr("checked", false);

            });

        }

    });

    //得到选中的值，ajax操作使用

    $("#submit").click(function() {

        var text="";

        $("input[name=items]").each(function() {

            if ($(this).attr("checked")) {

                text += ","+$(this).val();

            }

        });

         alert(text);

    });

});

</script>

</head>

<body>

<form action="#" method="post">

    <input type="checkbox" value="1" name="items"><br/>

    <input type="checkbox" value="2" name="items"><br/>

    <input type="checkbox" value="3" name="items"> <br/>

    <input type="checkbox" value="4" name="items"> <br/>

    <input type="checkbox" value="5" name="items"> <br/>

    <input type="checkbox" value="6" name="items"> <br/>

    <input type="checkbox" value="7" name="items"> <br/>

    <input type="checkbox" value="8" name="items"> <br/>

    <input type="checkbox" value="9" name="items"> <br/>

    <input type="checkbox" value="10" name="items"> <br/>

    <input type="checkbox" value="11" name="items"> <br/>

	<input type="checkbox" id="select"/> 全选<br/>

    <input type="submit" id="submit" value="提交">

</form>

</body>

</html>

　　好像高版本的jq库会有问题，待研究。。。。。

checkbox的全选，取消全选，获得选中值的更多相关文章

  1. Jquery CheckBox复选框 全选/取消全选 最佳实现方式 参考案例

    <input id="chkAll" type="checkbox" />全选/取消全选</div> <asp:Repeater ...

  2. html checkbox 实现全选/取消全选

    html checkbox  实现全选/取消全选 <html> <body> <table border="1"> <tr> < ...

  3. checkbox全选/取消全选

    //checkbox全选/取消全选 $(function() { $("#checkAll").click(function() { if(this.checked){ $(&qu ...

  4. 【转载】checkbox实现全选/取消全选

    比较简单.好理解的写法,做个备注.查看请前往原地址:http://blog.csdn.net/graceup/article/details/46650781 <html> <bod ...

  5. jQuery--checkbox全选/取消全选

    用JavaScript使页面上的一组checkbox全选/取消全选,逻辑很简单,实现代码也没有太难的语法.但使用jQuery实现则更简单,代码也很简洁,精辟! jQuery版本:1.3.2 <h ...

  6. AngularJS--购物车全选/取消全选功能实现

    刚学习angularJS,于是练习写了一个类似于购物车的全选/取消全选的功能,主要实现的功能有: 1.勾选全选checkbox,列表数据全部被勾选,取消同理,用ng-model实现双向绑定: 2.选中 ...

  7. jQuery 复选框全选/取消全选/反选

    jQuery实现的复选框全选/取消全选/反选及获得选择的值. 完整代码: <!DOCTYPE html> <html> <head> <script type ...

  8. Vue 全选/取消全选，反选/取消反选

    这是一个组件: <template> <div> <div> <input type="checkbox" v-model="i ...

  9. vue实现功能 单选 取消单选 全选 取消全选

    vue实现功能 单选 取消单选 全选 取消全选 代码部分 <template> <div class=""> <h1>全选框</h1> ...

  10. jquery checkbox勾选取消勾选的诡异问题

    jquery checkbox勾选/取消勾选的诡异问题jquery checkbox勾选/取消勾选的诡异问题 <form>        你爱好的运动是?<input type=&q ...

随机推荐

  1. malloc在函数内分配内存问题

    malloc函数用法可参考:C语言中 malloc函数用法 及 malloc函数 代码: void fun(char * p) { p=(); } void main() { char *p; fun ...

  2. Ubuntu安装QQ、微信、微信开发者工具、搜狗输入法

    wine 待补充……

  3. docker上构建redis容器

    1.查看docker上的镜像 [root@holly ~]# docker images 2.搜索docker上的redis镜像,选择下载的版本 [root@holly ~]# docker sear ...

  4. [转]C# 中的委托和事件 + 观察者模式

    引言 委托 和 事件在 .Net Framework中的应用非常广泛,然而,较好地理解委托和事件对很多接触C#时间不长的人来说并不容易.它们就像是一道槛儿,过了这个槛的人,觉得真是太容易了,而没有过去 ...

  5. pdftk

    功能介绍: 如果PDF是一张电子纸,Pdftk就是一个印戳涂抹器.打孔机.浆糊.显影液.和一个X光玻璃.Pdftk是一个简单的PDF万用工具,使用它,你可以:合并PDF文档分割PDF旋转PDF页面解密 ...

  6. ES5-ES8 数组拥有的方法

    1.判断是否是数组 Array.isArray( arg ) 有兼容性 2.toString 数组转字符串 arr.toString(); 3.join 数组每一项间的拼接 arr.join(); S ...

  7. 19-10-15-Night-E

    信心赛??高考赛…… 过程 T1码了暴力+随机化. T2没码完.$Kuku$了 T3写了暴力+ puts("86400\n-1"); 骗了点分. T1 ××你告诉我CF E题是T1 ...

  8. Java文件写入

    一,FileWritter写入文件 FileWritter, 字符流写入字符到文件.默认情况下,它会使用新的内容取代所有现有的内容,然而,当指定一个true (布尔)值作为FileWritter构造函 ...

  9. day67test

    作业 1.按照上方 知识点总结 模块,总结今天所学知识点: 2.有以下广告数据(实际数据命名可以略做调整) ad_data = { tv: [ {img: 'img/tv/001.png', titl ...

  10. 桥接模式(Bridge、Implementor)（具体不同平台日志记录，抽象与实现分离）

    桥接模式(Bridge Pattern):将抽象部分与它的实现部分分离,使它们都可以独立地变化.它是一种对象结构型模式,又称为柄体(Handle and Body)模式或接口(Interface)模式 ...