全选按钮的设定和POST处理当前循环的列表

以下为全选按钮的代码,通过class实现。

//全选按钮
    $(function () {
        $("#selectall").change(function () {

            var ischecked = $(this).prop("checked");

            $(".msglists").each(function () {
                $(".msglists").prop("checked", ischecked)
                $("#selectall").prop("checked", ischecked);
            });
            renewtotalpriceandcount();
        });
    });

以下为通过class类来实现当前的按钮的删除和post的处理。

//异步从收藏夹移除
    $(".deletecollect").click(function (invoker) {
        var myinvoker = $.event.fix(invoker).target;
        var productId = $(myinvoker).parents(".addcar:first").find(".productId").val();
        $.post(
            "/User/CollectorProducts/DeleteProduct", //控制器的方法名字
            {
                id: productId

            },
            function (data) { //data是object类型
                if (data == "1") {
                    alert("移除成功!");
                    location.reload();
                } else {
                    alert("移除失败!");

                }
            }, ‘json‘);

    });

时间: 2024-10-24 05:06:30

全选按钮的设定和POST处理当前循环的列表的相关文章

checkbox做全选按钮

1.先写一个html页面,里面写一个全选按钮和几个复选框,实现下面2个要求 (1)点击全选按钮选中时,所有的复选框选中. (2)点击全选按钮取消选中时,所有复选框取消选中. <input type="checkbox" id="quanxuan" />全选<br /> <input type="checkbox" class="qx" />aa<br /> <input t

页面中公用的全选按钮,单选按钮组件的编写

相应的js代码为: var checkAll = $("[data-checkbox-checkall]"); //遍历处理每一组的情况 checkAll.each(function(){ var groupName = $(this).attr("data-checkbox-group"); startCheck(groupName); }); function startCheck(groupName){ //所有的该组元素 var allCheckbox =

zepto全选按钮之全选会根据按钮是否被全部选中更改状态

在做手机端二次开发购物车的时候,发现zepto全选,没找到,或者功能不是自己想要的 后来做好,分享给需要的人 //全选或多选处理      var CheckAll = $('#items_check_all');    var checkbox = $('input[name^="check"]');    var removeUrl = '<{link app=b2c ctl=wap_cart act=remove}>';        //初始化,把所有选中的加上状态

js做全选,用一个checkbox复选框做多个checkbox复选框的全选按钮,有一个复选框未被选择时,全选按钮的checked就为false

用一个checkbox复选框做多个checkbox复选框的全选按钮,有一个复选框未被选择时,全选按钮的checked就为false,当所有checkbox都被选中时,全选按钮也被选中. 详解: 有两种方式使<input type="checkbox" />中的复选框被选中. 方法一:直接在HTML行间中添加checked属性.   eg:<input type="checkbox" checked /> 方法二:使用javascript使in

一个全选按钮js的案例

<html><head><script type="text/javascript">        // 全选按钮选中标志      var checkflag = "false";      // 全选功能      function selectAll(name){          var field = document.getElementsByName(name);          // 如果全选按钮状态是未选中 

html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><%@ include file="/commons/jsp/htmtag.jsp"%> <html><head> <meta http-equiv="Content-Type"

11月8日下午Jquery取属性值(复选框、下拉列表、单选按钮)、做全选按钮、JSON存储、去空格

1.jquery取复选框的值 <!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> <meta http-equiv

checkbox 全选/反选,勾掉一个子节点全选按钮为空的demo

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@taglib uri="http://java.sun.com/

Goods:购物车模块之全选按钮与条目之复选按钮的click事件

1 <script type="text/javascript"> 2 /* 3 计算总计方法 4 */ 5 $(function() { 6 7 showTotal(); //文档加载完就计算总计 8 9 //给全选添加click事件 10 $("#selectAll").click(function() { 11 //获取全选的状态 12 var bool = $("#selectAll").attr("checked&