<!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. Tomcat 让百度的域名显示自己的页面内容（玩耍篇）

    步骤一:在 C:\Windows\System32\drivers\etc目录下的Hosts文件中添多一个条目,如下图, 第二步:在server.xml文件中做响应配置,如下图 然后在Host节点中进 ...

  2. C语言 · 最小公倍数

    问题描述 编写一函数lcm,求两个正整数的最小公倍数. 样例输入 一个满足题目要求的输入范例.例:3 5 样例输出 与上面的样例输入对应的输出.例: 数据规模和约定 输入数据中每一个数的范围. 例:两 ...

  3. linux java 版本

    之前linux已经安装了1.6的版本, 我想要升级,于是安装了1.7, /etc/profile 的最后几行是这么写的: JAVA_HOME=/usr/java/jdk1.7.0_79JRE_HOME ...

  4. thinkPHP入门

    什么是框架 框架就是一定结构的代码,框架提供一个开发web程序的基础架构以及常用的功能 代码,PHP框架的web程序开发拜倒了流水线上. php框架就是一定要按别人规定好的架构编写. php开发框架有 ...

  5. Android okHttp网络请求之缓存控制Cache-Control

    前言: 前面的学习基本上已经可以完成开发需求了,但是在项目中有时会遇到对请求做个缓存,当没网络的时候优先加载本地缓存,基于这个需求我们来学习一直okHttp的Cache-Control. okHttp ...

  6. Android音频开发之AudioTrack实时播放

    前言: 其实在Android中录音可以用MediaRecord录音,操作比较简单.但是不能对音频进行处理.考虑到项目中做的是实时语音只能选择AudioRecord进行录音.然后实时播放也只能采用Aud ...

  7. [OpenCV] Convolutional Neural Network

    Ref: 从LeNet-5看卷积神经网络CNNs 关于这篇论文的一些博文的QAC: 1. 基本原理 MLP(Multilayer Perceptron,多层感知器)是一种前向神经网络(如下图所示),相 ...

  8. android 如何获取手机的图片、视频、音乐

    在android 开发中,很多时候,我们会需要调用到用户本机的照片.视频或者是音乐让用户选择,来进行我们APP对应的操作. button.setOnClickListener(new OnClickL ...

  9. Excel基础

    一.基础 一个Excel文档称为工作簿(workbook).一个工作簿中可以包含多个工作表(sheet) ctrl+向右箭头  查看最后一列 ctrl+向下箭头 查看最后一行 二.合并单元格 三.等高 ...

  10. Android百度地图 关于visibility="gone"的奇葩问题

    最近在项目中遇到一个奇葩问题,花了很长时间,在这里记录下. 问题描述:我的主界面是ViewPager+Fragment,并且设置缓存了我的4个ViewPager页面.左侧是一个侧滑菜单,点击相应按钮打 ...