引用js实现checkbox批量选中

<!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>
时间: 2024-10-03 13:39:52

引用js实现checkbox批量选中的相关文章

checkbox批量选中,获取选中的项的值

<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <title>Document</title>  <script type="text/javascript" src="jquery.js"></script> </head> <bod

Jquery JS 获取 Checkbox 是否选中

正确方法: var isReturned = document.getElementById('cboxReturned').checked; 错误方法: var isReturned = $("#cboxReturned").attr("checked");

jq、js中判断checkbox是否选中

最近在开发项目时用到checkbox复选框,其中遇到一个问题:在JQ中如何判断checkbox是否被选中呢?之前用JQ获取元素的属性用的都是attr(),但用在checkbox上却没有用,原因何在??? 1.JS中判断checkbox是否被选中 对于在js中来判断checkbox是否被选中很简单,举个??来说 HTML代码: <input type="checkbox" name="box"> 相应的javascript代码如下: var check =

js获取checkbox复选框获取选中的选项

js获取checkbox复选框获取选中的选项 分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数.js实现: var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field);

js限制checkbox选中个数

今天在做项目时,碰到一个问题,我需要展示多个checkbox复选框,而只能允许最多选6个.调试了老半天,终于出来了,代码如下: <SCRIPT LANGUAGE="JavaScript"> var c=0,limit=6; function doCheck(obj) { obj.checked?c++:c--; if(c>limit){ obj.checked=false; alert("over"); c--; } } </SCRIPT&g

JQuery判断checkbox是否选中-批量

在html的checkbox里,选中的话会有属性checked="checked". 如果用一个checkbox被选中,alert这个checkbox的属性"checked"的值alert($"#xxx".attr("checked")),会打印出"true",而不是"checked"! 如果没被选中,打印出的是"undefined".觉得很奇怪是吗?继续看下去- 不

js实现的购物车选中商品实现计算商品总价格

js实现的购物车选中商品实现计算商品总价格:为了在激烈的互联网竞争中获得一席之地,都努力使自己的网站更为人性化,比如在购物网站一般都有这样的功能,那就是在结算商品的时候,网站可以自动计算要购买商品所需要花费的金钱数量.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http:

js之checkbox判断常用示例

checkbox常用示例可参考: 关于checkbox自动选中 checkbox选中并通过ajax传数组到后台接收 MP实战系列(十三)之批量修改操作(前后台异步交互) 本次说的是,还是关于智能门锁开锁方式.通常情况下,开锁方式必须选择两种,或至少选择两种,否则就无法弹出对应的开锁方式列表以供勾选,这样一来.这就需要js层面的判断了,不可能全部推到服务器,这样用户少还好,用户多了,就不多说了. 还是那句话,前端能搞定的,就不要后端,特别是JS判断等.前端主要负责的是获取接口,得到数据,渲染htm

checkbox的选中、全选、返选、获取所有选中的值、所有的值、单选全部时父选中

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><h