jquery checkbox trigger click 顺序问题

最新推荐文章于 2025-06-20 14:12:01 发布

转载最新推荐文章于 2025-06-20 14:12:01 发布 · 320 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/1987422/blog/479692

文章标签：

#javascript #python #ViewUI

本文介绍了一个关于使用jQuery处理checkbox点击事件的问题。当通过trigger触发点击事件时，可能会遇到获取到的状态并非最新的checked状态。文章提供了一种解决方案：先设置元素的checked属性，再触发click事件以确保能够正确执行相应的条件分支。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

checkbox的onclick="test()"事件，界面点击时能够获取到checked状态，用trigger触发

test()方法时就会出现问题，因为trigger触发的test()拿到的时选中之前的状态

这是可以用attr('checked','checked');后 triggerHandler('click') 执行checked条件分支

转载于:https://my.oschina.net/u/1987422/blog/479692

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33686714

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

jquery1.7中通过trigger触发checkbox的click事件的一个小坑

iteye_15462的博客

02-06

1509

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript&quot

jquery表单验证插件

hoyche的博客

04-18

444

/** * 内联配置式 * data-pattern 验证规则可以是预定义的正则、正则字面量与js配置式相比是不能指定验证函数 * eg: *{6-12}、\d+.\d+、*{6}|\d+.\d+ * data-ajaxcheck 异步验证url * data-ajaxtype 验证的请求类型默认post * data-attach 属于配合异步验证使用异步验证时有可能需要传递附加参数，name值以英文逗号分割 * eg: mobile,sex * data-depend 依赖于其他

参与评论您还未登录，请先登录后发表或查看评论

jquery.tagsinput.js实现记录checkbox勾选的顺序

10-16

主要为大家详细介绍了jquery.tagsinput.js实现记录checkbox勾选的顺序，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

jQuery之trigger()/triggerHandler()

薰衣草PK向日葵的博客

03-13

863

为什么要用trigger() ? 相信刚开始接触大家也都有这样的想法：比如前台页面里有：<p id="p1">请点击这里！</p> ，你希望加载页面时就执行这个事件给这个这p绑定了click事件（将下面的代码写在$(function(){});里面）： $("#p1").click(function(){ ...

wpf CheckBox基本触发器-注意Style和Trigger的内容属性都是setter

dxm809的博客

08-12

1037

Style和Trigger的内容属性都是setter，所以<style.setters> <trigger.setters>可以省略不写 <Window x:Class="WpfApp5.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/x.

jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析

10-15

本篇文章将深入探讨jQuery事件模型的默认行为执行顺序，以及`trigger()`和`triggerHandler()`两个方法的区别。默认行为执行顺序：在浏览器中，事件的默认行为通常在用户交互后立即执行，例如，点击一个链接会导航...

jquery checkbox addeventlistener

05-27

对于复选框（checkbox），通常会关注其状态变化（checked/unchecked），这种情况下可以使用 `change` 或 `click` 事件[^1]。下面是一个简单的例子展示如何利用 `.on('change')` 来监控复选框的状态改变： ```...

基于 jQuery 实现复选框全选与选中项查询功能

最新发布

Auscy的博客

06-20

606

通过以上方案，可实现功能完整、性能优化的复选框全选与选中项查询功能，满足大多数前端项目需求。通过以上实现，你可以构建一个功能完善、交互友好的复选框全选与查询系统，满足大多数项目需求。

jQuery笔记

彳亍

11-28

720

1. 简介jQuery是一个JavaScript库，它通过封装原生的JavaScript函数得到一整套定义好的方法。优点：操作起来非常方便浏览器的兼容性很好有大量基于jQuery的插件 1.1. 代码风格在jQuery中，不管是页面元素的选择还是内置功能函数的使用，都是用美元符号“$”来起始的。$(function(){ }); //执行一个匿名函数 $('#box');

掌握jQuery选择器：操作checkbox、radio与取值

下面详细介绍关于jQuery中如何使用基本操作来选择checkbox、radio以及获取元素的值等。 #### 选择器的使用 jQuery提供了一套强大的选择器，允许开发者方便地选择HTML文档中的元素。选择器可以基于ID、类、元素类型...

jQuery实现复选框全选反选

Alfred_tfk的博客

09-02

876

jQuery实现全选反选 html代码 <body> <input type="checkbox" /> <input type="button" value="全选中" /> <input type="button" value="全不选" /> <input type="button" value="反选" /> <input type="button" value="输出选中项" /> <hr /&g

jQuery中on和trigger的使用

易始的博客

07-02

846

考虑这样的应用场景：我们希望在点击checkbox后，其后紧跟的span标签中的文字会加粗。实现这种功能很简单，只需要在checkbox的click回调方法中完成相应的功能即可。但是如果我们希望在代码中手动（而不是用鼠标点击）触发该事件时，可以使用jQuery的on和trigger。 on：给jQuery对象注册一个事件。比如我为每个checkbox都注册一个addBold事件： $(':checkbox').on('addBold', function () { $(this).next(

4.2-样式外观：触发器Trigger

天之梅子的博客

05-27

513

MAUI的触发器，提供了在运行时动态更改控件样式的方法。在Blazor或Vue中，可以通过三元表达式或绑定class来轻松实现，而MAUI则相对麻烦些，需要通过触发器来实现。触发器，其实就是控件的一个属性，只要是可视化控件，都带有一个Triggers集合属性，在这个集合属性中，可以设置多个Trigger。Trigger包括两个组成部分，一是触发条件，二是改变目标（样式类属性及其值）。

关于JQ对checkbox的click事件触发的一个坑

热门推荐

webjhh的博客

03-11

6万+

今天插件里的遇到一个坑困扰我很久，写了一个键盘事件触发input的click事件来改变选项值，一直不正确，测试了好久终于发先问题出在input点击时改变checked和执行click事件的顺序上。写一个小demo。 html:写两个多选框初始状态： jQ：写法 $("#cs2").click(function(){ $("#cs1").click

原创CheckBox的第三种状态原生代码

小达哥的博客

12-08

1032

js遍历出html for ( var key in map) { var s1=""; var s2=""; var check = false; //通过遍历对象属性的方法，遍历键值对，获得key，然后通过对象[key]获得对应的值 var list = map[key]; for (var i=0; i< list.length;i++) { debugger; s2+='&lt...

jquery通过代码触发radio或者checkbox的change事件

gis_zhouda的博客

02-20

5378

项目中有一个需求，需要通过jquery代码动态设置radio和checkbox的选中状态，而不是通过鼠标点击手动设置，并且需要动态触发radio和checkbox的change事件。 radio的一般是有一个组，此处，我使用的是mui，可到官网自行下载依赖的css和js文件。 <div class="mui-input-row mui-radio mui-left"> <lab

jquery 行点击触发 checkbox 加上 checkbox本身触发导致的问题

weixin_42504387的博客

07-20

2610

效果：点击 tabel 的任意一行的任意一个位置，实现选择左侧的复选框今天在实现这个效果的时候遇到了一个小问题，点击行的时候可以实现复选框的选择与取消，但是直接点击复选框的时候无效。代码： <tr class='trcls' onclick='danjitr(this)' style='background-color:#FFFFFF;height=23px;'> ...

jquery中的trigger()方法作用

02-11

7373

在前端页面开发中,我们有时候希望能自定执行一些人性化操作,比如鼠标不用点击自动就能点击等操作,利用传统的js语言需要编写复杂的代码才能实现此功能,这时候我们使用jquery的trigger()方法就能轻松实现. trigger方法的功能是在所选择的元素上触发指定类型的事件,其调用的语法格式为:trigger(type,[data]),其中参数type为触发事件的类型，参数data为可选项

jquery 多个radio的click事件

dazhi_100的专栏

01-15

8502

80*80 88*31 300*250 300*300 438*305 463*209 100*60