<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <script src="js/jquery.js"></script>

    <script type="text/javascript">

        $(function () {

            $("input[type=checkbox]").on("click", function (e) {

                e.stopPropagation();//阻止冒泡

                $("#info tr").each(function () {

                    if ($(this).find("input[type=checkbox]").is(":checked")) {

                        $(this).css("background-color", "pink");

                    }

                    else {

                        $(this).css("background-color", "");

                    }

                })

            })

            $("#info").find("tr").click(function () {

                var checkbox = $(this).find("input[type=checkbox]");

                if (checkbox.is(":checked")) {

                    checkbox.prop("checked", false);

                    $(this).css("background-color", "");

                } else {

                    checkbox.prop("checked", true);

                    $(this).css("background-color", "pink");

                }

            })

        })

    </script>

    <style type="text/css">

        table {

            border-collapse: collapse;

        }

            table tr td {

                border: 1px solid red;

            }

    </style>

</head>

<body>

    <form id="form1" runat="server">

        <div>

            <table id="info">

                <tr>

                    <td style="width: 40px;">选择</td>

                    <td>用户名</td>

                    <td>密码</td>

                    <td>备注</td>

                </tr>

                <tr>

                    <td>

                        <asp:CheckBox ID="CheckBox1" runat="server" /></td>

                    <td>张三</td>

                    <td>123</td>

                    <td>喝完了酒两位咯危机or叫我阿胶尾盘快速扩散的扑克牌上看到佛山恐怕文凭</td>

                </tr>

                <tr>

                    <td>

                        <asp:CheckBox ID="CheckBox2" runat="server" /></td>

                    <td>张三</td>

                    <td>123</td>

                    <td>喝完了酒两位咯危机or叫我阿胶尾盘快速扩散的扑克牌上看到佛山恐怕文凭</td>

                    <tr>

                        <td>

                            <asp:CheckBox ID="CheckBox3" runat="server" /></td>

                        <td>张三</td>

                        <td>123</td>

                        <td>喝完了酒两位咯危机or叫我阿胶尾盘快速扩散的扑克牌上看到佛山恐怕文凭</td>

                    </tr>

                    <tr>

                        <td>

                            <asp:CheckBox ID="CheckBox4" runat="server" /></td>

                        <td>张三</td>

                        <td>123</td>

                        <td>喝完了酒两位咯危机or叫我阿胶尾盘快速扩散的扑克牌上看到佛山恐怕文凭</td>

                    </tr>

                    <tr>

                        <td>

                            <asp:CheckBox ID="CheckBox5" runat="server" /></td>

                        <td>张三</td>

                        <td>123</td>

                        <td>喝完了酒两位咯危机or叫我阿胶尾盘快速扩散的扑克牌上看到佛山恐怕文凭</td>

                    </tr>

                </tr>

            </table>

        </div>

    </form>

</body>

</html>

Jquery选中行实现行中的Checkbox的选中与取消选中的更多相关文章

  1. JQuery获取指定元素中的checkbox选中状态的一些属性

    项目中用户上传病例数据,每一次上传自动生成一个病例文件夹,数据保存到后台,前端显示文件夹,现在的需求是勾选想要删除的文件夹的chenckbox,点击删除后,数据库和前端都相应的更新. 如果是静态页面, ...

  2. Jquery动态在td中添加checkbox

    如图:想要在这个id为headId的<td>中,用jquery动态添加checkbox 代码如下 : data是我用ajax 从后台获取的数据,里面含有若干个user类,我想把所有的人名字 ...

  3. freemarker中修改和添加功能中包含checkbox复选框默认选中需求的解决方式

    今天做的公司ERP系统上线第一天内部使用的,各种BUG铺天盖地,[虽然只是技术总监一个人在测试……],其中有一个就是其中部门管理页面中的修改和添加功能 一个人做一套ERP总是有点疏漏的,虽然里面的东西 ...

  4. easyui 上 datagrid 的表头的checkbox全选时 取消选中 disabled的checkbox

    业务需求: 正常情况下,easyui的全选checkbox会选择表中全部的checkbox包括行.及时对checkbox加了disable属性也没有效果.但是现在的业务是当对checkbox加了dis ...

  5. jQuery EasyUI DataGrid API 中文文档

        扩展自$.fn.panel.defaults,用 $.fn.datagrid.defaults重写了 defaults . 依赖 panel resizable linkbutton pagi ...

  6. easyui中带checkbox框的tree

    var data = [{ "id": 1, "checked":true, "text": "系统菜单", " ...

  7. Jquery中的checkbox 及radio的问题

    在web开发中,我们经常会对checkbox和radio进行读写操作,下面我来分享一下我的项目中的相关案例: 一.checkbox <input id="check1" cl ...

  8. jQuery中的checkbox问题

    一开始的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="U ...

  9. jquery获取复选框（checkbox）的选中值（一组和单个）

    使用jquery获取一组或者单个checkbox的选中状态的值.下面通过一个示例进行说明,假设现有一页面有一组checkbox的name的值为id,那么获取这组name=id的checkbox的值的方 ...

随机推荐

  1. bug--java访问hdfs (Server IPC version 9 cannot communicate with client version 4 错误)

    1. 今天想做一个hdfs的java工具类,但是在连接hdfs的时候,报如下错误: Exception in thread "main" org.apache.hadoop.ipc ...

  2. Ubuntu 12 编译安装 PHP 5.4 及 问题汇总

    参考先前的文章:Ubuntu 14 编译安装 PHP 5.4.45 + Nginx 1.4.7 + MySQL 5.6.26 笔记 安装过程: ############################ ...

  3. Swift2.1 语法指南——扩展

    原档:https://developer.apple.com/library/prerelease/ios/documentation/Swift/Conceptual/Swift_Programmi ...

  4. RFM

    前面博客中讲到的聚类,聚类是对客户的一些特征进行分群,属于描述,不涉及客户价值的判断,然而在营销中,其实第一步应该是搞清楚谁才是你的关键客户,哪些用户的价值较高,这就需要用到RFM模型.RFM模型是众 ...

  5. 利用LruCache为GridView加载大量本地图片完整示例

    MainActivity如下: package cc.testlrucache; import android.os.Bundle; import android.widget.GridView; i ...

  6. Java中Runnable和Thread

    java中有两种实现多线程的方式:一种是继承Thread类,一种是实现Runnable接口. 1.java启动线程为什么使用start函数呢? 在JDK的安装路径下,src.zip是全部的java源程 ...

  7. hdu4747——Mex

    1.题目大意:对一个序列的每一个区间求Mex,最后所有的mex相加(mex就是SG的那个),力求nlogn... 2.分析:最近开始刷线段树了,还是有很多不会啊 首先把1-1 1-2 1-- 1-n这 ...

  8. Unity3D游戏制作（四）——Asset Server搭建

    本系列文章由 Amazonzx 编写,欢迎转载,转载请注明出处. http://blog.csdn.net/amazonzx/article/details/7980117 Asset Server是 ...

  9. windows2008安装IIS

    一个朋友说不会使用2008搭建IIS.刚好我之后也要学习如何绕过waf需要安装一些环境.就帮个忙了,写这篇文章吧. 进入服务器管理. 添加角色 选择:WEB服务器(IIS)后会提示添加角色向导.那么久 ...

  10. HEOI 2016 游记

    闲来无事,把这玩意儿补上. OI生涯中第一次正经的考试.挂的很惨. Day -1 不小心把机油(雾)sm惹毛了. 好像没啥别的事儿. Day 0 说好了上午直接去机房,然而临时说让我们上完前两节课再去 ...