JQuery点击行tr实现checkBox选中与未选中切换

摘要:
单击表中的行以选中复选框,然后再次单击“取消”。要将tr作为模板插入,可以注册单击事件˂tronclick=“$.children()[0].checked=!

点击table中的行时checkbox选中,再次点击取消。如何将tr作为模板插入的话可以在每一行tr注册点击事件

 <tr onclick=" $($(this).children()[0]).children()[0].checked = ! $($(this).children()[0]).children()[0].checked" >
         <td style="text-align: center;  10%;">
                <input  name="chercked"  type="checkbox"/>
            </td>
            <td    >
            </td>
              <td  style="45%;text-align: center;">
            </td>
        </tr>

当然也可以

$("#tables tbody tr").click(function (e) {
         var checkboxs = $($(this).children()[0]).children()[0]
         checkboxs .checked = !checkboxs .checked
})

免责声明:文章转载自《JQuery点击行tr实现checkBox选中与未选中切换》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇PyTorch 实战(模型训练、模型加载、模型测试)C#生成随机数的三种方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

jQuery和原生JS的对比

原生JS的缺点: 不能添加多个入口函数(window.onload),如果添加了多个,后面的会把前面的覆盖掉 原生js的api名字太长,难以书写,不易记住 原生js有的代码冗余 原生js中的属性或者方法有些浏览器无法兼容 原生js容错率比较低,前面的代码出现问题,后面的代码执行不到 jQuery的优点: 可以写多个入口函数 jQuery的api名字容...

Jquery取值方法汇总

一、下拉框 1、jquery获取当前选中select的text值 var a = $("#ShareMoneyType").find("option:selected").text(); 2、jquery获取下拉框选中的Value值 var v = $("#ShareMoneyType").val(); 3、jquery获取当前选中select的索引值...

用css控制table td内文字超出隐藏

(如有错敬请指点,以下是我工作中遇到并且解决的问题)效果图: 重点是把table设置为table-layout: fixed; 超出的文字隐藏的效果才有。 p标签超出的文字隐藏的效果不需要设置这个内容就可以有效果。 <table border="1"> <tbody> <tr><td>1</td&...

H5手机开发锁定表头和首列(惯性滚动)解决方案

前端时间移动端在做表格的时候需要这个功能,由于还有实现类似原生的惯性滚动功能,于是使用了iscroll插件。 iscroll插件下载地址:iscroll5 该功能demo github地址:https://github.com/lyc152/front-special-effects/tree/master/table-fixed 下面看下代码结构: HT...

jquery/js记录点击事件,单击次数加一,双击清零

目的:点击按钮,点击后在网页上显示点击次数,双击清零 实现:js或者jquery 代码如下: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE HTML> <html&g...

前端基础之JQuery

目录: JQuery简介 选择器与筛选器 属性,css,文档处理 each循环、文档节点处理、动画效果、css操作 插件机制 示例 一、JQuery简介 1、JQuery的由来: jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team。 jQuery是继prototype之后又一个优秀的Ja...