<!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. HappyAA服务器部署笔记2(nginx的静态资源缓存配置)

    我近期对服务器进行了少量改进,虽然之前使用了nginx反向代理之后性能有所提高,但仍然不够,需要使用缓存来大幅度提高静态资源的访问速度. 服务器上的静态资源主要有这些:png, jpg, svg, j ...

  2. 探索c#之storm的TimeCacheMap

    阅读目录: 概述 算法介绍 清理线程 获取.插入.删除 总结 概述 最近在看storm,发现其中的TimeCacheMap算法设计颇为高效,就简单分享介绍下. 思考一下如果需要一个带过期淘汰的缓存容器 ...

  3. Maven和Gradle对比

    Java世界中主要有三大构建工具:Ant.Maven和Gradle.经过几年的发展,Ant几乎销声匿迹.Maven也日薄西山,而Gradle的发展则如日中天.笔者有幸见证了Maven的没落和Gradl ...

  4. Optimistic Concurrency VS. Pessimistic Concurrency Control

    原创地址:http://www.cnblogs.com/jfzhu/p/4009918.html 转载请注明出处   (一)为什么需要并发控制机制 并发控制机制是为了防止多个用户同时更改同一条数据,也 ...

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

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

  6. Jenkins的Windows Slave分布式构建和部署

    1.新建的Slave:系统管理-->管理节点-->新建节点 远程工作目录 即是 节点服务器 站点文件存放目录 在配置节点时 启动方法 配置的选项中的 Launch agent via Ja ...

  7. SSIS Design5：使用暂存

    以数据流的方式来设计Package,将核心数据处理移动到数据流中,一般情况下,能够减少临时表的创建,获得较高的处理性能,在某些情况下,使用暂存表(staging table)能够优化package设计 ...

  8. 实战MEF（3）：只导出类的成员

    通过前面两篇文章的介绍,相信各位会明白MEF中有不少实用价值.上一文中我们也讨论了导入与导出,对于导出导入,今天我们再深入一点点,嗯,只是深入一点点而已,不会很难的,请大家务必放心,如果大家觉得看文章 ...

  9. MVC4做网站后台:用户管理 ——用户组 1、添加用户组

    打开控制器UserGroupController 添加Add action /// <summary> /// 添加用户组 /// </summary> /// <ret ...

  10. 深入理解DOM事件类型系列第四篇——剪贴板事件

    × 目录 [1]定义 [2]对象方法 [3]应用 前面的话 剪贴板操作可能看起来不起眼,但是却十分有用,可以增强用户体验,方便用户操作.本文将详细介绍剪贴板事件 定义 剪贴板操作包括剪切(cut).复 ...