• js点击行选中checkbox


    1、点击行选中checkbox复选框

    //点击行勾选
    $("#Qub_tb_List").on("click", "tr", function () {
        var input = $(this).find("input");
        if ($(input).val() == "on") {
            return;
        }
        $("#Qub_tb_List *").not(input).prop("checked", false);  //点击行,只能选择一行
        if (!$(input).prop("checked")) {
            $(input).prop("checked", true);
        } else {
            $(input).prop("checked", false);
        }
    });

    2、全选功能

    //多选框 防止事件冒泡
    $("#Qub_tb_List").on("click", "input", function (event) {
        event.stopImmediatePropagation();
    });
    
    //全选功能
    $("input[name='all_check']").change(function () {
       if (this.checked) {
        $("input[name='check_tr']:checkbox").each(function () {
            this.checked = true;
          })
       } else {
         $("input[name='check_tr']:checkbox").each(function () {
         this.checked = false;
          })
       }
      });
  • 相关阅读:
    mvc中压缩html
    简单瀑布流
    MVC4 WebAPI
    css实现隔行换色
    网站变黑白
    reset.css
    选择文本改变浏览器默认的背景色和前景色
    DataBinder.Eval用法范例
    精妙SQL語句
    asp.net面试题收集
  • 原文地址:https://www.cnblogs.com/xinbaba/p/7782904.html
Copyright © 2020-2023  润新知