<!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. WCF 的 Service Instance模式和并发处理

    WCF 的 Service Instance(实例)有三种模式 PerCall:每一次调用都创建一个实例,每一次调用结束后回收实例.此模式完全无状态. PerSession:调用者打开Channel时 ...

  2. kindeditor 去掉网络图片上传功能

    kindeditor是一款开源的富文本编辑器,其内容设置均为可配置,使用比较灵活. 去掉网络图片的页面:allowImageRemote: false, 修改上传的图片的name:filePostNa ...

  3. FPGrowth算法总结复习

    摘要: 1.算法概述 2.算法推导 3.算法特性及优缺点 4.注意事项 5.实现和具体例子 6.适用场合 内容: 1.算法概述 关联规则(associatio rules):从大规模数据集中寻找物品建 ...

  4. JavaEE连接数据库练习

    登录端 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncod ...

  5. 安装Oracle 12c精简客户端(不带数据库)

      注:Oracle客户端向下兼容,故也可以连接11g的数据库 下载页面皆为:http://www.oracle.com/technetwork/topics/winsoft-085727.html ...

  6. Linux核心源码阅读方法

    首次阅读Linux4.0.5内核源代码时,一脸茫然,它的代码不仅复杂,而且庞大,找不到从哪里开始阅读. 通常Linux会有以下目录 arch 子目录包括所有和体系结构相关的核心代码.它还有更深的子目录 ...

  7. jQuery 2.0.3 源码分析 Deferred概念

    JavaScript编程几乎总是伴随着异步操作,传统的异步操作会在操作完成之后,使用回调函数传回结果,而回调函数中则包含了后续的工作.这也是造成异步编程困难的主要原因:我们一直习惯于“线性”地编写代码 ...

  8. C#由变量捕获引起对闭包的思考

    前言 偶尔翻翻书籍看看原理性的东西确实有点枯燥,之前有看到园中有位园友说到3-6年工作经验的人应该了解的.NET知识,其中就有一点是关于C#中的闭包,其实早之前在看书时(之前根本不知道C#中还有闭包这 ...

  9. MongoDB学习系列(3)--解决MongoDB Unexpected Shutdown问题

    晚上准备继续学习PHP+MongoDB,点击Run_MongoDB_Service.bat文件,这个文件是我写的bat文件,就是快速启动MongoDB.但是命令行一闪而过,我很奇怪.昨天晚上写代码还是 ...

  10. Jenkins+SVN+tomcat持续集成发布

    有代码更新后重新打包到tomcat再发布,是不是很烦? 看了下面的东西你就不会烦了. SVN或者git等代码版本控制工具不说了,如果是本地开发,也可以安装一个svn server端 jenkins下载 ...