html复选框值改变后事件,javascript – 从onclick/onchange事件获取HTML值的复选框

简短的回答：

使用点击事件，它不会触发，直到更新的值，并触发时，你希望它：

Checkbox

function handleClick(cb) {

display("Clicked, new value = " + cb.checked);

}

更长的答案：

更改事件处理程序不会被调用，直到检查状态已更新(live example | source)，但是因为(作为TimBüthe在评论中指出)IE不会触发更改事件，直到复选框失去焦点， t主动获得通知。更糟糕的是，如果你点击复选框的标签(而不是复选框本身)来更新它，你可以得到你得到的旧值的印象(在IE这里尝试它通过点击标签：live example | source )。这是因为如果复选框具有焦点，单击标签会使焦点远离焦点，使用旧值触发更改事件，然后点击发生设置新值并将焦点置于复选框。非常混乱。

但你可以避免所有的不愉快，如果你使用click。

我使用DOM0处理程序(onxyz属性)，因为这是你问的，但为了记录，我通常建议挂钩处理程序代码(DOM2的addEventListener或attachEvent在旧版本的IE)，而不是使用onxyz属性。这允许您将多个处理程序附加到同一个元素，并让您避免使所有处理程序的全局函数。

此答案的早期版本使用此代码为handleClick：

function handleClick(cb) {

setTimeout(function() {

display("Clicked, new value = " + cb.checked);

}, 0);

}

目标似乎是允许点击完成，然后再查看值。据我所知，没有理由这样做，我不知道为什么我这样做。该值在调用点击处理程序之前已更改。实际上，规范是quite clear about that.没有setTimeout的版本在我尝试的每个浏览器(甚至IE6)中工作得很好。我只能假设我正在考虑一些其他平台，直到事件发生后才进行更改。在任何情况下，没有理由这样做与HTML复选框。

html复选框值改变后事件,javascript – 从onclick/onchange事件获取HTML值的复选框相关推荐

REUSE_ALV_GRID_DISPLAY_LVC 实现单元格值改变前(DATA_CHANGED)和单元格值改变后(DATA_CHANGED_FINISHED)的事件响应
1. 实现向ALV键入值的时候,触发事件 1. 用于当alv数据被修改之前对数据进行逻辑处理 2. 用于当ALV数据被修改之后,存入内表之后的逻辑处理 3. GO_GRID->GET_SELEC ...
【JavaScript】【JQuery】获取 data-* 属性值
前言略 data-* 属性 data-* 属性是 HTML5 中的新属性. data-* 属性用于存储页面或应用程序的私有自定义数据. 属性名不应该包含任何大写字母,并且在前缀 "data ...
html加载onchange事件,html5 – Html.EditFor Onchange事件
我正在开发一个MVC4应用程序. 当model.ExternalVenderNo被更改时,我想在我的模型中更改IsChanged字段. 以下是"查看"页面上的代码 @Html.Ed ...
html加载onchange事件,HTML onchange事件用法及代码示例
当元素的值已更改时,将发生HTML DOM onchange事件.当选中的状态已更改时,它也可以使用单选按钮和复选框. 注意:此事件与oninput事件类似,但唯一的区别是oninput事件在元素值更 ...
onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法
1. onchange事件监听input值变化的使用方法: <input id="test"></input>$("input").ch ...
onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法(设置readonly后onchange不起作用的解决方案)...
转自:https://www.cnblogs.com/white0710/p/7338456.html 1. onchange事件监听input值变化的使用方法: <input id=" ...
微信小程序购物车单选、多选 , 解决点击后选择按钮后是否变化问题
使用uni-app 制作微信小程序 ,在做购物车的时候发现没有合适的单选和多选组件 ,然后只能自己想办法了. 我就准备了两张图片一个选中一个未选中然后用一个三元表达式判断展示哪张图片 : ...
html下拉框onchange事件,javascript jquery框架如何为html中select标签绑定onChange事件呢？...
摘要: 下文讲述使用jquery框架为select标签绑定onChange事件的方法分享,如下所示: 在html中我们知道select标签是一个下拉标签,我们可以通过此标签限定标签中的值, onCha ...
返回值类型与函数类型不匹配_C++返回值类型后置（跟踪返回值类型）
在泛型编程中,可能需要通过参数的运算来得到返回值的类型.考虑下面这个场景: template <typename R, typename T, typename U>R add(T t, ...

html复选框值改变后事件,javascript – 从onclick/onchange事件获取HTML值的复选框

html复选框值改变后事件,javascript – 从onclick/onchange事件获取HTML值的复选框相关推荐

最新文章

热门文章