<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <script  src="jquery.min.js"></script>

</head>

<body>

    <form id='myForm' name="myForm" method="post" action="test6.php">
        <input type="checkbox" id='all'  >:全部</input>

       <input type="checkbox" class="list" name='list[]' value="1" >:1</input>

         <input type="checkbox" class="list" name='list[]' value="2" >:2</input>
         <input type="checkbox" class="list" name='list[]' value="3" >:3</input>

        <br/>

        <br/>

        <select name="select">

            <option>1</option>

            <option>2</option>

            <option>3</option>

        </select>

        <input type="button" id="but" value="sub"></input>

        <input type="submit" id="but" value="sub12"></input>

    </form>

</body>

</html>

<script type="text/javascript">

    $(document).ready(function($) {

        $("#all").click(function(event) {

            if($('#all').prop('checked')){

                $('.list').prop('checked',true);

            }else{

                $('.list').prop('checked',false);

            }

        });

        $(".list").click(function(event) {

            var arr_stu = [];

            $('.list').each(function(index, el) {

                var statu = $(this).prop('checked');

                arr_stu.push(statu);

            });

            $.unique(arr_stu).length==1?$('#all').prop('checked',true):$('#all').prop('checked',false);

        });

        $('#but').click(function(){

            var data = $('#myForm').serialize();

            $.ajax({

                url: 'test6.php',

                type: 'post',

                dataType: 'json',

                data: data,

                success:function(result){

                }

            })

        })

    });

</script>

多选checkbox的更多相关文章

  1. ztree点击文字勾选checkbox，radio实现方法

    ztree的复选框checkbok,单选框radio是用背景图片来模拟的,所以点击文字即使用label括起checkbox,radio文字一起,点击文字也是无法勾选checkbox. 要想点击ztre ...

  2. zTree 勾选checkbox

    zTree 勾选checkbox var setting = {    check: {        enable: true//        chkboxType : { "Y&quo ...

  3. 在ASP.NET MVC中通过勾选checkbox来更改select的内容

    遇到了这样的一个需求:通过勾选checkbox来更改select的内容. 在没有勾选checkbox之前是这样的: 在勾选checkbox之后是这样的: 想通过ajax异步来实现.所以,从控制器拿到的 ...

  4. Uipath 勾选checkbox

    东京IT青年前线 http://www.rpatokyo.com/ Uipath 勾选checkbox 使用check Activity可以对check box 复选框进行勾选. 虽然Click也可以 ...

  5. cocos2dx 3.x (单选，多选，复选checkBox按钮的实现) RadioButton

    // //  LandLordsMakeNewRoom.hpp //  MalaGame39 // //  Created by work on 2016/12/19. // //   #ifndef ...

  6. Android ListView（Selector 背景图片 全选 Checkbox等按钮）

    list_item.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xm ...

  7. js全选checkbox框

    html: <input  type="checkbox" id="checkbox1" value="1" onclick=&quo ...

  8. winform datagridview在添加全选checkbox时提示：不能设置 selected 或 selected 既不是表 Table 的 DataColumn 也不是 DataRelation。

    在项目中,需要多选功能,于是在datagridview添加了一列DataGridViewCheckBoxColumn 在给datagridview绑定完数据集之后,对全选进行操作的时候,发现总报错,报 ...

  9. Jquery 组 checkbox全选checkbox

    <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8&qu ...

  10. js实现全选checkbox

    js代码 function selectAllCheckBox(parentid) { var PID = document.getElementById(parentid); var cb = PI ...

随机推荐

  1. gdb调试手册 一 gdb概述

    一 gdb概述 gdb调试器的目的是让你了解其他的程序在执行的时候发生了什么或者其他程序崩溃时正在做什么 gdb主要能够在运行中做四类事情(包括这些事情中的一些附加的事情)来帮助你获取bugs a 运 ...

  2. CCF认证题 搜索题

    栋栋最近开了一家餐饮连锁店,提供外卖服务.随着连锁店越来越多,怎么合理的给客户送餐成为了一个急需解决的问题. 栋栋的连锁店所在的区域可以看成是一个n×n的方格图(如下图所示),方格的格点上的位置上可能 ...

  3. js原型链继承的傻瓜式详解

    本文争取用最简单的语言来讲解原型链继承的OOP原理 0.如果对原型继承还没有大致了解,完全一头雾水,请先阅读 <JavaScript高级程序设计>第六章最后部分的寄生组合式继承 或者_廖雪 ...

  4. mq类----2

    手动应答方式 使用get my_consumer.php 消费者  生产者和上一篇 一样 <?php /** * Created by PhpStorm. * User: brady * Dat ...

  5. ACM程序设计选修课——1044: (ds:队列)打印队列（queue模拟）

    问题 A: (ds:队列)打印队列 时间限制: 1 Sec  内存限制: 128 MB 提交: 25  解决: 4 [提交][状态][讨论版] 题目描述 网络工程实验室只有一台打印机,它承担了非常繁重 ...

  6. mysql经验总结

    1. 连接mysql遇到 Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2),mysql没有正常启动 $ ...

  7. 数表（bzoj 3529）

    Description 有一张N×m的数表,其第i行第j列(1 < =i < =礼,1 < =j < =m)的数值为能同时整除i和j的所有自然数之和.给定a,计算数表中不大于a ...

  8. Bzoj3747 [POI1015] Kinoman

    Description 共有m部电影,编号为1~m,第i部电影的好看值为w[i]. 在n天之中(从1~n编号)每天会放映一部电影,第i天放映的是第f[i]部. 你可以选择l,r(1<=l< ...

  9. 开始学习es6(二) let 与 const 及 块级作用域

    1.var JavaScript中,我们通常说的作用域是函数作用域,使用var声明的变量,无论是在代码的哪个地方声明的,都会提升到当前作用域的最顶部,这种行为叫做变量提升(Hoisting) cons ...

  10. IPC 通信接口函数的名字

      IPC三种通信机制是指:信号量.共享内存.消息队列 ,管道和命名管道,socket套接字    信号量:通过操作系统中的PV操作来实现: 共享内存:申请一块内存,进程A往共享内存中写,其他的进程就 ...