input复选框最好不要用click事件

小小辰逸

于 2024-04-18 15:52:46 发布

阅读量176

点赞数 2

文章标签：前端 java javascript

本文链接：https://blog.csdn.net/czxy_xingchen/article/details/137924252

版权

开发中遇到的一个问题

input的复选框最好不要用click事件，因为v-modal的时间是一个异步的。
当点击之后，v-modal可能还没有来得及将绑定在data里面的数据改变，click绑定的事件就执行了，这会导致click绑定事件里面拿到的data数据不是最新的。

总结

change绑定的事件是一定要等到input框的value值改变之后才会被触发。

关于这个问题我是这样理解：

点击input框
click事件生效
v-modal改变绑定的data数据
渲染到页面上改变input的value值
change事件生效

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小小辰逸

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
input复选框最好不要用click事件

input使用click和change这两个事件的时候，最好使用哪个事件
复制链接

扫一扫

input按钮的事件处理大全

01-19

1.<INPUT onclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开 name=Button1> 2.<INPUT onclick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为 name=Button2> 3.<INPUT onclick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性 name=Button3> 4.<INPUT onclick=document.all.WebB

input类标签的click事件

weixin_30420305的博客

09-26

1755

1.HTML控件，如input还有a标签，只有onclick ( 客户端）和onserverclick（服务端）事件，而没有onclientclick事件。　　此处的onclick 先于onserverclick执行。 2.WEB控件，如<asp:button>等，只有onclientclick( 客户端）和onclick （服务端）事件，而没有onserverclick事...

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

vue @input和@click的区别

bpluoxong的博客

04-01

1210

@input 一般用于监听事件只要输入的值变化了就会触发input@click 事件触发事件 <input :type="type" :value="value" :placeholder="placeholder" :name="name" @input="$emit('input',$event.target.value)" /> @click 事件触发事件单击触发 ..

复选框选中事件

清水的专栏

01-28

1299

/看版本1.6+返回:”checked”或”undefined”;//记得还有这种哦:$("#cb1″).prop("checked","checked");//所有版本:true/false//别忘记冒号哦。//隐藏所有被选中的input元素。

解决动态生成input无法触发click事件的问题

KobeHoo的博客

12-15

446

input type="button" class="delServer" value="删除服务器">异步导致绑定事件失败。

jquery复选框多选赋值给文本框的方法

12-09

在jQuery中，将复选框的多选值赋值给文本框是一种常见的需求，尤其在数据输入或表单处理的场景下。以下是如何通过jQuery实现这个功能的具体步骤和相关知识点： 1. **HTML结构**：首先，我们需要创建一个包含复选...

让复选框只能选择一项的方法

09-04

同时，我们引入了jQuery库，并在文档加载完成后使用`.click()`方法为所有名称为"chk"的复选框添加点击事件监听器，调用`chooseOne`函数。值得注意的是，虽然示例代码使用了jQuery，但是纯JavaScript的实现也可以...

利用Bootstrap实现表格复选框checkbox全选

08-31

在本文中，我们将探讨如何利用Bootstrap这一流行的前端框架来实现表格中的复选框全选功能。Bootstrap是由Twitter开发的，它提供了一套响应式布局、移动设备优先的WEB开发工具，使得网页设计更加简单和快捷。要实现...

jquery复选框全选/取消示例

10-26

在这个示例中，我们将深入探讨如何使用jQuery实现复选框的全选和取消全选功能，以及如何实现父复选框与子复选框之间的联动效果。首先，我们需要理解复选框全选/取消全选的基本原理。在用户点击全选复选框时，所有...

jq点击复选框触发事件给input赋值.zip

07-05

使用`$(selector).on('event', callback)`方法，我们可以将事件监听器绑定到复选框上。例如，如果复选框的HTML标记为`<input type="checkbox" id="myCheckbox">`，那么可以这样绑定点击事件： ```javascript $('#...

html 复选框事件,HTML复选框选中与未选中触发事件的方法

weixin_29382667的博客

06-03

4659

今天在做一个不需要from表单提交数据的复选框的小功能时，需要在复选框选中或取消选中的同时对一些后台的数据进行修改。就想到了使用js代码来监控复选框的状态，并向后台发送时时数据。关于js代码如何监控 checkbox 复选框的状态，可以参考下面的示例。checkbox 复选框选中与未选中触发事件的方法jq代码__点击checkbox,触发事件我是复选框$("#isbox").click(func...

详解Vue3中的常见的监听事件click、input和change

最新发布

一起学习

12-30

4633

本文主要介绍Vue3中的常见的监听事件click、input和change。

vue中ckeckbox(复选框)的使用，及对click事件和change的理解

m0_60531448的博客

04-08

8493

vue中ckeckbox(复选框)的使用心得，及对click事件和change的理解通过点击事件判断复选框状态，v-model来绑定checkbox的值，更改文本及css样式， <div> <input type="checkbox" name="" @change="changeBtn" v-model="checkVal"> <input type="checkbox" name="" @click="clickBtn" v-model="checkVal"&gt

vue项目input标签checkbox，change和click绑定事件的区别

秋来九月八

12-15

7381

我们经常在vue开发项目的过程中，遇到需要对input框使用v-modal的这种情况，在有的时候，不光需要双向数据绑定，还需要在改变数据之后绑定其它的操作，那么问题来了，你是使用@change绑定事件还是使用@click绑定事件建议不要通过click绑定事件，对待input标签，最好通过change来触发，本人血的教训。 <input @change="inputchecked" clas...

[jQuery]解决动态生成input无法触发click事件的问题

Balmunc的专栏

01-05

6187

<div class='div_delServer'><input type="button" class="delServer" value="删除服务器"></div> $('.delServer').click(function() { alert("ok"); }); 原因：异步导致绑定事件失败。解决方法： 1、使用全局绑定事件 $(docu......

Javascript知识【案例：复选框操作】

若有所执，必有所成，心之所向，必显光芒

08-07

4284

案例：复选框操作

复选框事件

hellolrf的博客

05-17

687

开发工具与关键技术：DW,JQ 作者：刘任锋撰写时间：2021年5月18日内容：checkbox复选框的判定勾选与未勾选； HTML部分: 首先，我们把JQ引入；然后我们写一个input标签，给标签类型设置成checkbox；并给input标签一个点击事件；我把点击事件写为onClick=”come(this)”; JavaScript部分当点击复选框是如果(checkbox.Checked==true)时，说明复选框已被单击勾选，这时会弹出“已勾选的提醒”；效果图否则chec

input标签绑定click事件无反应

失眠因为想太多

08-03

5286

最开始我写的代码是 $("input[name=insert_files]").click(function(){ alert(1); }); 怎么点击都不会alert,由于input是个动态生成的数组，逐个绑定我就不开心了也就是由于我的input是动态生成的，所以上面的写法才不能用于是我将动态生成的选择器部分放在了on的第二个参数中，前面的选择器取得是dom上面已有的元素，经

jq实现多个复选框绑定点击事件

06-09

你可以使用 jQuery 来实现多个复选框绑定点击事件，具体代码如下： ```javascript $(function(){ // 绑定所有的复选框的点击事件 $('input[type="checkbox"]').click(function(){ // 获取当前点击的复选框的值和...