jQuery td onclick 设置复选框,不冒泡

2024-01-17

我希望能够单击表中的 td 元素,并让它选中或取消选中同一行上同级 td 中的复选框。

  • 单击该复选框仍应 工作正常。
  • 单击 td 复选框所在的元素 还应该选中该复选框。
  • 单击不同的 td 不应该 需要双击(重置单击) 由于切换实施不当

Fiddle: http://jsfiddle.net/cJ2us/ http://jsfiddle.net/cJ2us/

请注意,是的,这与许多问题非常相似,请不要链接任何重复项,除非您真正理解我遇到的问题以及那里给出的答案与我的问题不符。例如

包装输入单选上的 Jquery 事件覆盖“checked”事件 https://stackoverflow.com/questions/5096410/jquery-event-on-wrapped-input-radio-override-checked-event不是复选框

jQuery onclick div 检查复选框 https://stackoverflow.com/questions/4868769/jquery-onclick-div-checks-a-checkbox切换不允许单击单独的 td 来执行每个检查和取消选中

找到 Sibling https://stackoverflow.com/questions/6307993/find-the-checkbox-in-sibling-td-and-check-it-using-jquery

中的复选框并使用 jQuery 进行检查不适合这个例子,代码实际上并不按照回答者的想法工作

话虽如此,如果您找到合适的骗子,请告诉我!我只想要一个可行的解决方案。


这有效,是你想要的吗?

$("td").click(function(e) {
    var chk = $(this).closest("tr").find("input:checkbox").get(0);
    if(e.target != chk)
    {
        chk.checked = !chk.checked;
    }
});

演示在这里 http://jsfiddle.net/xSzpZ/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery td onclick 设置复选框,不冒泡 的相关文章

随机推荐

  • Rake 任务之间如何通信?

    假设我有一个目标需要编译一些文件 该目标有另一个目标作为先决条件 即获取文件的目标 这么说吧 task obtain do obtain files from somewhere end task compile gt obtain do
  • Java:当被另一个线程中断时,如何捕获线程上的 InterruptedException?

    我正在开发一个多线程应用程序来建立与外部服务器的连接 每个服务器都在单独的线程上 并且将被阻止 直到有输入 其中每一个都扩展了 Thread 类 为了便于解释 我们将这些称为 连接线程 所有这些连接线程都存储在并发哈希图中 然后 我允许 R
  • 原则 2 子查询

    我想使用查询生成器实现子查询 但我不理解语法 我正在处理一个位置表 其中的条目可以是城市 州或邮政编码 具体取决于设置的位置类型 我想获取某个州的所有位置 并删除任何城市类型且人口低于一定数量的位置 qb gt select l gt fr
  • lush() java 文件处理

    lush 的具体用途是什么 流和缓冲区有什么区别 为什么我们需要缓冲区 缓冲的优点是效率 通常 将 4096 字节的块写入文件一次比写入 4096 次一个字节要快 缓冲的缺点是您会错过反馈 句柄的输出可以保留在内存中 直到写入足够的字节以使
  • 为什么(不相关的)using 声明可以通过参数依赖查找来协调重载歧义?

    这是问题的后续here https stackoverflow com questions 46782156 does argument dependent lookup go before normal scope lookup使用参数相
  • 如何使用 RSpec 测试 Rails 3.2 ActionMailer 正在渲染正确的视图模板?

    我在用rspec rails https github com rspec rspec rails我想测试我的邮件程序是否正在呈现正确的视图模板 describe MyMailer do describe notify customer d
  • MatLab:对数 z 轴和 bar3 的奇怪显示

    我想使用显示 3d 直方图bar3阴谋 使用相对于 x y 和 z 轴的线性比例可得出以下结果 但是 由于 z 值的间隔非常大 我想使用对数 z 轴 以便较低的 z 值也可见 但是 将 z 轴设置为对数set gca ZScale log
  • NDB 中的 Entity.all(keys_only=True).fetch(20) 相当于什么?

    如何在 NDB 中获得以下查询的等效结果 Entity all keys only True fetch 20 我知道你可以通过 keys only True to the iter 方法 但是 如果我想执行仅获取键的操作 我该如何在 ND
  • AVAsset 轨道为空

    本质上我正在寻找连接AVAsset文件 我大致知道该怎么做 但我在加载音频文件方面遇到了困难 我可以用AVAudioPlayer 我可以通过终端在目录中看到它们 但是当我尝试使用以下命令加载它们时AVAssetURL它总是返回一个空的轨道数
  • 当使用“make altinstall”安装Python时,如何干净地删除它?

    你怎么cleanly使用 make 安装时删除 Pythonaltinstall 我没有找到altuninstall或 makefile 中的此类内容 这似乎也不是一个常见问题 在本例中 我在 Ubuntu 中使用 Python 2 7 x
  • Pandas 重新采样 FutureWarning

    我有一个 1 分钟柱 OHLC 价格 CSV 文件 我正在尝试将其重新采样为 15 分钟柱 我正在使用的代码来自于此link http sacbnctrading blogspot in 2016 10 convert 1m ohlc da
  • 如何在程序集中包含来自另一个命名空间的类而不是将它们写入单独的 DLL 文件中?

    我有一个C 具有两个命名空间的项目 一个图形用户界面 Stoff3GUI作为名称空间 与 GUIxaml and cs文件 标记为起始对象和库 Stoff3Lib作为名称空间 所有类都在执行实际工作 现在 当我编译代码时 我将收到一个 ex
  • 扩展会员 API、MembershipUser

    我创建了自己的数据库架构来存储用户信息 CREATE TABLE dbo MyCustomMembership Users UserId uniqueidentifier NOT NULL UserName nvarchar 256 NOT
  • 测试用例生成工具[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我正在寻找可以生成测试用例或帮助软件测试的工具或框架 到目前为止 我发现了以下内容 Feed4JUnit Java http testfu
  • 如果 main 为 void,D 如何在成功时返回 0,在失败时返回非零?

    在 D 中 main函数定义为 void main perhaps some args but I do not remember 我确信这个函数在成功时返回零 在失败时返回非零 但它被定义为不返回任何内容 其背后的逻辑是什么 Alexan
  • 如何对 mongodb ObjectId 字段进行正则表达式查询

    这有点棘手 如何对 ObjectId 字段进行正则表达式查询 我正在使用 java api 所以这就是我到目前为止所拥有的 BasicDBObject q new BasicDBObject q put field Pattern comp
  • PHP - 声明一个全局数组

    我遇到的问题是未定义的变量当我尝试在函数内使用数组时 下面的代码就是一个例子 我怎样才能访问数组 prev函数内部hello 我尝试过搜索 但我真的不知道如何使用 GLOBALS varname 当变量是数组时 谢谢你的帮助 您还可以将变量
  • 命名空间在其他项目中不可用

    我创建了一个 C 控制台应用程序 在该应用程序中 我有很多名称空间 例如 namespace com xyz foo bar namespace com xyz abc def 当我将此控制台应用程序的引用添加到 WCF 服务项目中时 某些
  • 在合并和推送之前强制分支重新设置基础

    我想在我的 Gitlab 服务器上添加一个钩子 以防止在 master 上推送合并的分支 如果它们之前没有重新建立基础 例如 A B C D master E F G new feature 我希望用户在合并 推送之前重新调整他的功能 A
  • jQuery td onclick 设置复选框,不冒泡

    我希望能够单击表中的 td 元素 并让它选中或取消选中同一行上同级 td 中的复选框 单击该复选框仍应 工作正常 单击 td 复选框所在的元素 还应该选中该复选框 单击不同的 td 不应该 需要双击 重置单击 由于切换实施不当 Fiddle