1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  <head>
  4.   <title>checkbox全选</title>
  5.   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  6.   <style type="text/css"></style>
  7.   <script type="text/javascript"></script>
  8.  </head>
  9.  <body>
  10.    <table  style="border:1px solid red;">
  11.                     <tr>
  12.                         <th style="background-color:#f7f7f7;width:8%;text-align:center;" class="lf">
  13.                             <input name='chkAll' type='checkbox' id='chkAll'  onClick="checkAll(this, 'id[]')" value='checkbox' />&nbsp;全选
  14.                         </th>
  15.                         <th style="background-color:#f7f7f7;width:8%;" class="lf">商品编号</th>
  16.                         <th style="background-color:#f7f7f7;width:13%;" class="lf">名称</th>
  17.                         <th style="background-color:#f7f7f7;width:18%;" class="lf">标题</th>
  18.                         <th style="background-color:#f7f7f7;width:8%;" class="lf">品牌</th>
  19.                         <th style="background-color:#f7f7f7;width:8%;" class="lf">组别</th>
  20.                     </tr>
  21.                     <tr>
  22.                         <td class="lf" style="text-align:center;">
  23.                         <input name='id[]' type='checkbox' value='{id}'  onClick="checkItem(this, 'chkAll')">
  24.                         </td>
  25.                         <td class="lf">001</td>
  26.                         <td class="lf">002</td>
  27.                         <td class="lf">003</td>
  28.                         <td class="lf">004</td>
  29.                         <td class="lf">005</td>
  30.                     </tr>
  31.                           <tr>
  32.                         <td class="lf" style="text-align:center;">
  33.                         <input name='id[]' type='checkbox' value='{id}'  onClick="checkItem(this, 'chkAll')">
  34.                         </td>
  35.                         <td class="lf">001</td>
  36.                         <td class="lf">002</td>
  37.                         <td class="lf">003</td>
  38.                         <td class="lf">004</td>
  39.                         <td class="lf">005</td>
  40.                     </tr>
  41.                     <tr height="45">
  42.                         <td colspan="10" style="text-align:left;padding-left:40px;">
  43.                             <input type="button" id="btn_show" value="批量展示" style="width:100px;margin-left:20px;">
  44.                         </td>
  45.                     </tr>
  46.                 </table>
  47. <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
  48. <script type="text/javascript" src="checkbox.js"></script>
  49. <script type="text/javascript">
  50.  /*var ids = [];
  51.     $('#btn_show').click(function(){
  52.         btnCheck('展示');
  53.          data = {
  54.             "ids":ids
  55.         };
  56.         $.ajax({
  57.             type:"POST",
  58.             url:"{:U('Mall/GoodsShow')}",
  59.             data:data,
  60.             //dataType:"json",
  61.             success:function(msg){
  62.                 if(msg == 00){
  63.                     alert("批量展示成功");
  64.                     window.location.href='/index.php/Admin/Mall/MallList';
  65.                 }else{
  66.                     alert("批量展示失败，请重新编辑");
  67.                 }
  68.             },
  69.             error:function(){
  70.                   alert("批量编辑失败，请重新编辑");
  71.              }
  72.         });
  73.     });
  74.       function btnCheck(info){
  75.         var obj = $("input[name='id[]']:checked").each(function(){
  76.             ids.push($(this).val());
  77.         });
  78.         if (ids == false) {
  79.             alert("请选定要"+info+"的商品");
  80.             return false;
  81.         }else {
  82.             return ids;
  83.         }
  84.     }
    */
  85. </script>
  86.  </body>
  87. </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. NodeJS写个爬虫，把文章放到kindle中阅读

    这两天看了好几篇不错的文章,有的时候想把好的文章 down 下来放到 kindle 上看,便写了个爬虫脚本,因为最近都在搞 node,所以就很自然的选择 node 来爬咯- 本文地址:http://w ...

  2. Hadoop学习路线图

    Hadoop家族产品,常用的项目包括Hadoop, Hive, Pig, HBase, Sqoop, Mahout, Zookeeper, Avro, Ambari, Chukwa,新增加的项目包括, ...

  3. [大数据之Spark]——Transformations转换入门经典实例

    Spark相比于Mapreduce的一大优势就是提供了很多的方法,可以直接使用:另一个优势就是执行速度快,这要得益于DAG的调度,想要理解这个调度规则,还要理解函数之间的依赖关系. 本篇就着重描述下S ...

  4. @OutputCache 详解-文章目录

    OutputCache概念学习 OutputCache属性详解(一)一Duration.VaryByParam OutputCache属性详解(二)一 Location OutputCache属性详解 ...

  5. dede在php7上空白

    最近想看一本小说,想采集回来看,结果发现除了dedecms支持php7.0,其他主流cms基本上都不支持php7.0 在本地win7上调试了一遍,没有问题,放到linux服务器上的时候,发现打开任何页 ...

  6. SQL之case when then用法

    case具有两种格式.简单case函数和case搜索函数. 按 Ctrl+C 复制代码 这两种方式,可以实现相同的功能.简单case函数的写法相对比较简洁,但是和case搜索函数相比,功能方面会有些限 ...

  7. Design6：选择合适的数据类型

    数据库使用Table来存储海量的数据,细分Table结构,数据最终存储在Table Column中,因此,在设计Table Schema时,必须慎重选择Table Column的Data Type,数 ...

  8. js动态给当前点击元素添加css类

    1.页面:

  9. 使用jQuery封装实用函数

    一.引言 项目开发中,前端会有一个辅助工具类的js文件,比如cookie的操作,团队成员自己封装的方法.大多数时候,我们开发人员自己都是写一个全局函数,不考虑后期维护人员也会写相同的代码,然后造成代码 ...

  10. Ubuntu杂记——链接ln的使用:创建和删除符号链接

    原文链接:http://blog.csdn.net/janpylx/article/details/6761910 一 . 使用方式 ln [option] source_file dist_file ...