<!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. 基于存储过程的MVC开源分页控件--LYB.NET.SPPager

    摘要 现在基于ASP.NET MVC的分页控件我想大家都不陌生了,百度一下一大箩筐.其中有不少精品,陕北吴旗娃杨涛大哥做的分页控件MVCPager(http://www.webdiyer.com/)算 ...

  2. 优化MySchool数据库设计之【巅峰对决】

    优化MySchool数据库设计 之独孤九剑 船舶停靠在港湾是很安全的,但这不是造船的目的 By:北大青鸟五道口原玉明老师 1.学习方法: 01.找一本好书 初始阶段不适合,可以放到第二个阶段,看到知识 ...

  3. iOS-调试技巧

    目录 前言逼优鸡知己知彼 百战不殆抽刀断Bug 普通操作 全局断点(Global BreakPoint) 条件断点(Condational Breakpoints)打印的艺术 NSLog 开启僵尸对象 ...

  4. Spring学习记录(二)---容器和bean属性配置

    下载spring包,在eclipse搭建spring环境. 这步我在eclipse中无法导入包,看网上的: http://sishuok.(和谐)com/forum/blogPost/list/242 ...

  5. Box Model,边距折叠，内联和块标签，CSSReset

    一.盒子模型(Box Model) 1.1.宽度测试 1.2.溢出测试 1.3.box-sizing属性 1.4.利用CSS画图 二.边距折叠 2.1.概要 2.2.垂直方向外边距合并计算 三.内联与 ...

  6. Sql Server系列：Update语句

    1 UPDATE语法结构 [ WITH <common_table_expression> [...n] ] UPDATE [ TOP ( expression ) [ PERCENT ] ...

  7. C#设计模式系列：简单工厂模式（Simple Factory）

    1. 简单工厂模式简介 1.1 定义 简单工厂模式定义一个Factory类,可以根据参数的不同返回不同类的实例,被创建的实例通常有共同的父类. 简单工厂模式只需要一个Factory类. 简单工厂模式又 ...

  8. c++面试常用知识(sizeof计算类的大小，虚拟继承，重载，隐藏，覆盖)

    一. sizeof计算结构体 注:本机机器字长为64位 1.最普通的类和普通的继承 #include<iostream> using namespace std; class Parent ...

  9. 【开源】OSharp框架解说系列（3）：扩展方法

    OSharp是什么? OSharp是个快速开发框架,但不是一个大而全的包罗万象的框架,严格的说,OSharp中什么都没有实现.与其他大而全的框架最大的不同点,就是OSharp只做抽象封装,不做实现.依 ...

  10. AngularJS之指令中controller与link（十二）

    前言 在指令中存在controller和link属性,对这二者心生有点疑问,于是找了资料学习下. 话题 首先我们来看看代码再来分析分析. 第一次尝试 页面: <custom-directive& ...