<!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>

  <title>checkbox全选</title>

  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

  <style type="text/css"></style>

  <script type="text/javascript"></script>

 </head>

 <body>

   <table  style="border:1px solid red;">

                    <tr>

                        <th style="background-color:#f7f7f7;width:8%;text-align:center;" class="lf">

                            <input name='chkAll' type='checkbox' id='chkAll'  onClick="checkAll(this, 'id[]')" value='checkbox' />&nbsp;全选

                        </th>

                        <th style="background-color:#f7f7f7;width:8%;" class="lf">商品编号</th>

                        <th style="background-color:#f7f7f7;width:13%;" class="lf">名称</th>

                        <th style="background-color:#f7f7f7;width:18%;" class="lf">标题</th>

                        <th style="background-color:#f7f7f7;width:8%;" class="lf">品牌</th>

                        <th style="background-color:#f7f7f7;width:8%;" class="lf">组别</th>

                    </tr>

                    <tr>

                        <td class="lf" style="text-align:center;">

                        <input name='id[]' type='checkbox' value='{id}'  onClick="checkItem(this, 'chkAll')">

                        </td>

                        <td class="lf">001</td>

                        <td class="lf">002</td>

                        <td class="lf">003</td>

                        <td class="lf">004</td>

                        <td class="lf">005</td>

                    </tr>

                          <tr>

                        <td class="lf" style="text-align:center;">

                        <input name='id[]' type='checkbox' value='{id}'  onClick="checkItem(this, 'chkAll')">

                        </td>

                        <td class="lf">001</td>

                        <td class="lf">002</td>

                        <td class="lf">003</td>

                        <td class="lf">004</td>

                        <td class="lf">005</td>

                    </tr>

                    <tr height="45">

                        <td colspan="10" style="text-align:left;padding-left:40px;">

                            <input type="button" id="btn_show" value="批量展示" style="width:100px;margin-left:20px;">

                        </td>

                    </tr>

                </table>

<script type="text/javascript" src="jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="checkbox.js"></script>

<script type="text/javascript">

 /*var ids = [];

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

        btnCheck('展示');

         data = {

            "ids":ids

        };

        $.ajax({

            type:"POST",

            url:"{:U('Mall/GoodsShow')}",

            data:data,

            //dataType:"json",

            success:function(msg){

                if(msg == 00){

                    alert("批量展示成功");

                    window.location.href='/index.php/Admin/Mall/MallList';

                }else{

                    alert("批量展示失败，请重新编辑");

                }

            },

            error:function(){

                  alert("批量编辑失败，请重新编辑");

             }

        });

    });

      function btnCheck(info){

        var obj = $("input[name='id[]']:checked").each(function(){

            ids.push($(this).val());

        });

        if (ids == false) {

            alert("请选定要"+info+"的商品");

            return false;

        }else {

            return ids;

        }

    }
*/

</script>

 </body>

</html>

引用js实现checkbox批量选中的更多相关文章

  1. MVC项目中使用js 设置Checkbox的选中事件

    要实现的效果是,当点击checkbox时,跳转到Action中 CheckBox实例: View界面: @Html.CheckBox("prd.IsChecked", Model. ...

  2. JS 判断checkbox 是否选中

    <input type="checkbox" id="IsEnable" /> 在调试的时候,会出现,一直未true的状态,不管是选中还是未选中 解 ...

  3. js 判断checkbox是否选中的实例代码

    分享下js判断是否选中CheckBox的方法. 代码如下: <input type="checkbox" name="checkbox1" checked ...

  4. checkbox批量选中，获取选中的项的值

    <!doctype html><html lang="en"> <head>  <meta charset="UTF-8&quo ...

  5. 用JS修改checkbox的选中状态

    代码如下: <SCRIPT LANGUAGE="JavaScript"> <!-- function change() { var c=document.myfo ...

  6. js判断checkbox是否选中

    $('.div0 .checkbox1').prop('checked')选中返回 true未选中返回 false $('.div0').prop("checked", true) ...

  7. js判断checkbox是否选中 .checked不管用

    今天开发遇到一个小问题,记小本本记小本本 document.getElementById("id").checked //正确 //如果返回值为true代表选中 //如果返回值为f ...

  8. js操作checkbox(复选框)的方法总结

    收集了一些用js代码操作checkbox复选框的代码,分享出来,供需要的朋友参考: <script> //复选框checkbox 处理方法 //搜集整理 www.jbxue.com fun ...

  9. 使用js批量选中功能实现更改数据库中的status状态值（批量展示）

    我们在开发项目的时候经常会在后台管理时用到批量展示功能来动态的修改数据库的值.下面以修改数据库的status状态值来实现批量展示功能.批量选中功能引用js来实现.前端html代码: <table ...

随机推荐

  1. percona5.7 源码安装

    200 ? "200px" : this.width)!important;} --> 介绍 主要为了测试percona的线程池的性能,这里就简单介绍一下percona5.7 ...

  2. 让pv3d(papervision3D)支持单帧前进、后退(nextFrame)。

    下载最新的源码,找到animationController. 修改如下: package org.papervision3d.core.controller { import flash.events ...

  3. Module-Zero之组织单元（OU）管理【新增】

    返回<Module Zero学习目录> 概览介绍 OrganizationUnit实体 OrganizationUnit管理者 公共用例 设置 概览介绍 组织单元(Organization ...

  4. Docker实践：安装wordpress

    本文将示例如何使用Docker来安装wordpress.使用三种方法: 1.基于官方的wordpress镜像使用docker run实现: 2.基于官方的wordpress镜像使用fig命令编排工具实 ...

  5. WPF入门教程系列二十二——DataGrid示例(二)

    DataGrid示例的后台代码 1)  通过Entity Framework 6.1 从数据库(本地数据库(local)/Test中的S_City表中读取城市信息数据,从S_ Province表中读取 ...

  6. 【hadoop2.2(yarn)】基于yarn成功执行分布式map-reduce，记录问题解决过程。

    hadoop2.x改进了hadoop1.x的架构, 具体yarn如何工作以及改进了什么可以在网上学, 这里仅记录我个人搭建的问题和理解,希望能帮助遇到困难的朋友. 在开始前,必须了解yarn版本的ma ...

  7. 即时搜索(input框)

    做搜索功能的时候,经常遇到输入框检查的需求,最常见的是即时搜索,今天好好小结一下. 即时搜索的方案: (1)change事件    触发事件必须满足两个条件: a)当前对象属性改变,并且是由键盘或鼠标 ...

  8. ExtJs控件属性配置详细

    序言:    1.本文摘自网络,看控件命名像是4.0以前的版本,但控件属性配置仍然可以借鉴(不足之处,以后项目用到时再续完善). Ext.form.TimeField: 配置项:            ...

  9. SQL联合主键 查重

    2014年最后一天,今天在给数据库导入数据的时候,遇到一个问题,就是联合主键去重. 事情是这样的,现有一个表M,我想找个表中导入了许多数据,并需要将字段A(int)和B(int)联合设置为主键. 但是 ...

  10. linux自定义系统调用

    1 Linux3.10.21内核系统调用设置 以前看的内核版本时2.6.11的,里面的系统调用设置一目了然啊!在文件entry.S中直接定义了sys_call_table表,并在这个文件中用各个系统调 ...