Js全选,插入实现

  //全选
        function CheckAll() {
            ids.splice(0, 1000000);
            var flag = $("#All_Check").attr("checked");
            $(".orderCheck").each(function () {
                    if (typeof (flag) == ‘undefined‘)
                        flag = false;
                    //$(":input[type=checkbox]").attr("checked", flag);
                    $(this).children().attr("checked", flag);
                    if ($(this).children().attr("checked")) {
                        ids.push($(this).attr("SupplierId"));
                    } else {
                        for (var i in ids) {
                            if ($(this).attr("SupplierId") == ids[i]) {
                                ids.splice(i, 1);
                                break;
                            }
                        }
                    }
                }
            );
            $("#hfids").val(ids);
        }
        //插入订单号
        function InsertOrderCoder(obj) {
            if (obj.attr("checked")) {
                ids.push(obj.parent().attr("SupplierId"));
            }
            else {
                for (var i in ids) {
                    if (obj.parent().attr("SupplierId") == ids[i]) {
                        ids.splice(i, 1);
                        break;
                    }
                }
            }
            $("#hfids").val(ids);
        }
        //点击搜索加载所有勾选的供应商
        function ConfirmSelectedId()
        {
            ids.splice(0, 1000000);
            $(".orderCheck").each(function () {
                if ($(this).children().attr("checked")) {
                    ids.push($(this).attr("SupplierId"));
                }
            }
            );
            $("#hfids").val(ids);
        }

  <td style="text-align:right;">
                 <asp:Button ID="btSearch" Text="搜索" runat="server" style="height: 25px; width: 60px;" OnClick="btSearch_Click" OnClientClick="ConfirmSelectedId();"/>
            </td>

 <th width="4%">
                 <input type="checkbox" id="All_Check" onclick="CheckAll();" />
</th>

 <td align="center">
                         <%--<input type="checkbox" class="orderCheck" value=‘<%# Eval("SupplierId")%>‘ name="<%# Eval("ProductBaseId")%>" onclick="InsertOrderCoder($(this));" />--%>
                      <asp:CheckBox runat="server" CssClass="orderCheck"  SupplierId=‘<%# Eval("SupplierId")%>‘ onclick="InsertOrderCoder($(this));"/>

                    </td>
时间: 2024-08-28 08:47:50

Js全选,插入实现的相关文章

JS全选功能代码优化

最近在看javascript MVC那本书,也感觉到自己写的代码也并不优雅,所以一直在想 用另一种模式来编写JS代码,所以针对之前的简单的JS全选功能来做个简单的demo,使用目前现在的编码方式来重新编码,当然以后会一直用这种方式来编写自己的代码.下面是如下代码: JS所有代码: /** * JS全选 * @class Checkall * @param {Object} cfg * @param {Element|selector} [cfg.container] 限定全选的容器 * @par

简单JS全选、反选代码

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3<head> 4<meta http-equiv="Cont

Js全选、反选

Js全癣反选,挺常用的功能,大多数的WEB管理系统.后台管理基本上都具备这一功能,但是有很多朋友或许对此类JS的使用并不熟悉,重新分享一款JS全癣反癣清除的功能,供你使用. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="

js 全选 不选 反选

js实现 全选 不选 反选 思路: 1,获取元素 2,给全选 不选 反选添加点击事件 3,用for循环checkbox 4,把checkbox的checked设置为true即实现全选 5,把checkbox的checked设置为false即实现不选 6,通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设为true选中状态. html代码: <input type="button&qu

JS全选

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html>    <head>        <script type="text/javascript" src="jquery-1.8.3.min.js"></script>        <scri

纯js全选、多选

使用纯js来写一个模拟购物车的全选和多选功能. 思路: 1.需要给每一个input设置点击事件 2.全选就是把所有的checkbox设置为true 3.取消一个不全选,就是判断是否全部的checkbox都被选了 代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head&

js 全选选框与取消全选代码

设置一个全选选框和四个子选框,要实现点击全选后四个子选框选中,取消全选后四个子选框也取消.全选后点击某个子选框,全选也能取消.当四个子选框都选中时,全选框也被选择. 实现代码: <script> var a=document.getElementById("a"); var b=document.getElementsByClassName("b"); //全选与取消全选 var y=true; a.onchange=function(){ if(a.c

JS 全选反选功能

全选按钮:<input type=\"checkbox\" id=\"cheSelectAll\" />选择</li>"); 选择项:<input name=\"chkItem\" type=\"checkbox\" value=\"" + this.ID + "\" /> //全选反选 $("#cheSelectAll"

js 全选全不选

checkAll: function () { //全选 if ($("#chk_SelectAll").is(":checked")) { $("input[type='checkbox']").prop("checked", true); } else { $("input[type='checkbox']").prop("checked", false); } },