`

用jQuery触发click事件导致回调函数中得到的checkbox的值错误

 
阅读更多

页面有一个checkbox,默认选中,并且绑定了click事件。在事件的回调函数中使用event.target.checked检查checkbox的最新值。

用户通过鼠标点击checkbox,在回调函数中,event.target.checked的值是false,没问题。

在Jasmine中,如果用jQuery触发click事件,在回调函数中,event.target.checked的值是true,回调函数执行完毕之后,checkbox才变成非选中的状态。

解决办法:

使用document.getElementById获得checkbox,然后触发click事件, 回调函数中就可以得到正确的值了。

 

 参考资料:

https://bugs.jquery.com/ticket/3827#comment:9

分享到:
评论

相关推荐

    Jquery为单选框checkbox绑定单击click事件

    本文将详细解读如何使用Jquery为单选框checkbox绑定单击click事件,并在事件触发时执行相应的函数。 首先,我们需要了解HTML中单选框checkbox的定义。单选框是表单元素中的一个类型,它允许用户在一组选项中选择一...

    jquery模拟div多选checkbox下拉框

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本项目名为“jquery模拟div多选checkbox下拉框”,其核心目标是使用jQuery来实现一个功能丰富的多选下拉框替代传统...

    JQuery 自定义 radio与checkbox

    jQuery提供了丰富的事件处理函数,如`.click()`, `.change()`, `.focus()`等,可以监听用户对radio和checkbox的操作。例如,当用户点击一个radio按钮时,可以触发一个事件来更新其他同组radio的样式,确保只有一个被...

    用Jquery获取checkbox多个选项详解

    在本文中,我们将深入探讨如何使用jQuery来获取和操作HTML页面上的多个复选框(checkbox)选项。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理和动画效果。对于初学者来说,理解和掌握如何使用jQuery...

    checkbox:click事件触发span元素内容改变的方法

    在上面的代码中,我们使用 `$("input[name=city]")` selector 来选择所有的 Checkbox,然后使用 `click` 方法来监听点击事件。每当用户点击一个 Checkbox 时,我们就将选择的城市名称添加到数组中,并将数组连接成一...

    jQuery中:checkbox选择器用法实例

    `:checkbox`选择器的语法非常简洁,正如其名,只需在jQuery的选择器表达式中加上`:checkbox`即可。例如: ```javascript $(":checkbox") ``` 这行代码会选取页面上所有的复选框元素。 下面是一个关于`:checkbox`...

    jquery获取checkbox的值并post提交

    在本示例中,我们探讨了如何使用jQuery获取复选框(checkbox)的值,并通过POST方法将其提交到服务器。这个功能在数据选择、用户确认操作或表单提交等场景中非常常见。 首先,HTML部分创建了一个包含四个值为1、2、...

    jquery很全的例子源码,事件 ajax,表单应用

    1. 事件绑定:jQuery提供`.on()`方法来绑定事件,如`$("#element").on("click", function() {...})`,点击元素时执行回调函数。 2. 事件冒泡与阻止:使用`.stopPropagation()`可以阻止事件向上冒泡,`....

    jquery多图3D旋转图片轮播和checkbox美化.zip

    在这个“jquery多图3D旋转图片轮播和checkbox美化.zip”压缩包中,包含的是两个核心功能:一个基于jQuery实现的3D图片轮播效果,以及对checkbox样式的美化。 首先,我们来探讨jQuery 3D旋转图片轮播特效。这种特效...

    jQuery实现复选框checkbox全选、反选功能.rar

    本示例中,我们关注的是如何使用jQuery来实现复选框(checkbox)的全选和反选功能,这对于构建具有交互性的表单或者需要用户进行多选操作的界面是非常实用的。 在HTML中,复选框通常由`<input>`标签定义,类型为...

    jQuery弹出框checkbox复选框多选代码.zip

    在回调函数中,可以执行弹出框的显示或隐藏操作。 4. **数据交互**:用户在弹出框中选择的复选框状态可以通过jQuery获取并存储,例如`$(":checkbox:checked").map(function(){ return this.value; }).get();`会返回...

    全选、全取消checkbox.docx

    在给定的代码片段中,我们看到一个`alertchecked`函数,但没有完整的代码,不过可以推测它可能会触发一个AJAX请求,将选中的Checkbox的值发送到后台: ```javascript function alertchecked() { var str = ""; $...

    JQuery函数.docx

    这个文档集成了jQuery中常用的一些函数,方便开发者查询和使用。 1. **选择器**:jQuery的选择器是基于CSS选择器的扩展,允许更加灵活地选取DOM元素。例如: - `*`:选取所有元素。 - `#id`:选取id为指定值的...

    CheckBox全选并删除

    在ASP.NET开发中,CheckBox控件常常用于实现用户界面中的多选功能,而"CheckBox全选并删除"这个主题涉及到两个关键操作:全选和删除。全选功能允许用户一次性选择多个选项,删除则通常指的是从数据库或其他数据存储...

    bootstrap TreeView全选单选,定位选触发事件实例

    在“bootstrap TreeView全选单选,定位选触发事件实例”中,我们将深入探讨如何实现这个组件的多种选择功能,包括单选、全选以及通过父节点控制子节点的选择,并讨论当选择状态改变时如何触发相关事件。 1. **全选...

    jQuery详细教程

    下面是 jQuery 中事件方法的一些例子: Event 函数 绑定函数至 $(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时) $(selector).click(function) 触发或将函数绑定到被选元素的点击事件 $...

    jQuery()选择器、函数、方法

    - `error()`:当发生错误时触发事件或绑定事件处理函数。 ```javascript $("img").error(function(){ // 在这里放置需要执行的代码 }); ``` 以上是 jQuery 选择器与方法的一些基础介绍。通过灵活运用这些选择...

    jQuery将所有被选中的checkbox某个属性值连接成字符串的方法

    本知识点主要介绍了如何使用jQuery来实现当一组复选框(checkbox)被选中时,将这些复选框的某个特定属性(例如id属性)取出来,并将其连接成一个由逗号分隔的字符串。这种方法在网页中具有广泛的应用场景,例如在...

    checkbox 图片 兼容 JQ

    在IT行业中,尤其是在前端开发领域,"checkbox 图片 兼容 JQ"的主题涉及到的是如何在网页中使用图片替换默认的checkbox复选框,并确保这种替换在不同的浏览器,特别是老版本的Internet Explorer(IE)中也能正常工作...

    jquery、js操作checkbox全选反选

    在实际应用中,这些函数通常与 HTML 中的事件绑定一起使用,比如在按钮点击时触发 `checkAll()` 或 `uncheckAll()` 函数。例如,你可以将全选功能绑定到一个有 id 为 "selectAll" 的按钮上: ```html 全选 ``` ...

Global site tag (gtag.js) - Google Analytics