HTML checkbox 之 onclick事件与onchange事件

最新推荐文章于 2024-07-06 00:11:00 发布
最新推荐文章于 2024-07-06 00:11:00 发布
阅读量1.6k 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/adam-fly/p/6306027.html
版权
  • 在非IE浏览器下，onclick事件与onchange会同时触发，也就是onclick一定会改变check的状态
  • 在IE浏览器下，在点击多次时，onclick事件与onchange不会同时触发，也就是onclick事件触发之后，有一定的几率不会触发onchange事件，即不会改变check的状态，导致一些莫名其妙的错误。
  • 建议在使用checkbox的事件的时候，尽量避免用onclick事件。　　

转载于:https://www.cnblogs.com/adam-fly/p/6306027.html

weixin_30681121
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js--- 动态加载checkbox的onclick事件
我的地盘
07-05 1万+
<br /><html><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html
html:checkbox 标签中使用onclick事件 和onchange事件
xwygn的专栏
09-06 2万+
一把我们在使用这个空间的时候 我们一把都是实现全选功能 和判断选中状态的功能 前段时间写的全选是用onchange时间去触发的 但是在ie6下就出问题了  现在本来是ie9的 使用onclick 就可以了 细节决定成败！
checkbox无法立即实现onchange的两种替代方法(onchange和onpropertyc
matriculate的专栏
04-27 1万+
转载自：http://www.cnblogs.com/blueyund/articles/1250986.html<br /><br /><br /><br />例如<input type="checkbox" onchange="alert(this.value)" value="haha">,在IE下必须点击一下页面空白的地方才可以激活onchange事件，替换的两种方法 <br />1、<input type=checkbox onclick="alert(this.value)" value=hue
写在20111011：checkbox的onClick事件
meohao
07-19 403
1.进入声音设置，勾选“选择操作音”； 2.勾选文件或文件夹时观察是否有选择操作音； 此时应该会对应的有选择操作音的，但为什么无选择操作音？ 原来SoundManager对于CheckBox的check事件不感冒，只对click事件产生作用，而对于CheckBox有setOnCheckedChangeListener的API，但是没有setOnClickListene...
html多选框点击事件onclick
cc_yy_zh的博客
12-28 1万+
当点击表格里的一个多选框时，出发一个事件并判断多选框是否选中e += "<input name = 'enable_a' type='checkbox' checked = 'checked' value= '1' style = 'margin: 6px 0px 0px 0px;width: 18px;height: 18px;' onclick=\"checkboxOnclick(this,"
html复选框值改变后事件,从onclick / onchange事件获取HTML Checkbox的价值
weixin_35672450的博客
06-05 1251
简短的答案：使用该click事件，直到值更新后才会触发，并在您希望它触发时触发：Checkboxfunction handleClick(cb) {display("Clicked, new value = " + cb.checked);}更长的答案：该change事件处理函数不是调用，直到checked状态已经更新(活生生的例子 | 源)，但因为(蒂姆·布泰在评论中指出)IE不火change，...
checkbox 通过onclick事件替换选中的“on”值，设置选中值为1，取消选中，设置其值为0 的简单方法
huanle_yhl的博客
10-13 6203
在input属性中添加onclick事件：onclick="this.value=this.checked?1:0" 举例： type="checkbox" name="hasPopupMsg1" #if($!hasPopupMsg1 == 1)checked="checked" #end onclick="this.value=this.checked?1:0"> 测试结果：
获取checkbox onclick事件中的参数
weixin_34311757的博客
10-16 481
<script language="javascript">function abc(a,b){alert(a+":"+b)};function bc(){var xx=document.all.t;for(i=0;i<xx.length;i++){var a=String(xx[i].onclick); var m=a.substring(27,a.length-3).re...
关于onchange事件在IE和FF下的表现及解决方法
01-19
在最近做的一个项目中，有这么一个功能点：页面上有一个checkbox，当用户选择或者取消选择该checkbox时会向后台发一个jsonp请求。当时的实现是为这个checkbox...为了解决这个问题，我在checkbox的onclick事件里添加了
深入理解javaScript中的事件驱动
12-11
) 通常用于如下控件：button 按钮对象checkbox 复选框或检查列表 –配合onclick单击事件，通常用于全选效果radio 单选按纽reset 重置按钮submit提交按钮　2、内容改变事件 onchange 如：(<input type=”text” ...
JavaScript中的事件处理
10-30
4. **事件冒泡与事件捕获**： - 事件冒泡是指事件从最深的节点开始，逐级向上层节点传播事件。 - 事件捕获则是从最外层的父节点开始，向下层节点传播事件。JavaScript中的事件模型默认采用事件冒泡，但可以通过`...
浅析jquery与checkbox的checked属性的问题
11-23
2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3、使用document.getElementById(“checkbox_id”).checked获取的值与是否钩上一至，即与...
javaScript常用事件
09-19
当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时，引发该文件，他与onFocas事件是一个对应的关系。 5.onFocus事件：光标进入文本框时触发调用函数。 当用户单击Text或textarea以及select对象时，...
Axure RP Pro 相关问题 checkbox复选框部件的OnClick事件中复选框的状态已发生了改变
yffkjhg的博客
11-07 755
Axure RP Pro 相关问题 checkbox复选框部件的OnClick事件中复选框的状态已发生了改变
HTML的onclick的this指向
思维小刀
05-31 3954
1.简述 <input type="button" value="modify" onclick="changeContent()"> 写在元素上onclick里面的函数changeContent，相当于函数直接调用， 函数里面使用的this指向全局对象window，而不是指向该元素 <input type="button" value="修改" onclick="...
Html5 Checkbox多种状态切换
jwzhangjie的专栏
06-07 9173
最近在搞一个权限配置的页面，里面的选项框要实现级联，同时checkbox需要有三种状态：选择，部分选择，不选，搜索找到一篇文章jQuery 版的 CheckBox 复选框成组联动（性能改进版）不过我在浏览器上测试有问题，进行修改代码如下： 全选 选项1 选项2 选项n 对选中的项目进行操作 $("#ww
初识onclick、onblur、onchange
wangshuazi的博客
01-25 505
onchange ( HTML事件属性 )   onchange 在元素值改变时触发。   onchange 属性适用于：input、textarea 以及 select元素。 onclick( Event 对象 )   onclick 事件会在对象被点击时发生。   请注意， onclick 与 onmousedown 不同!   单击事件是在同一元素上发生了
js checkbox的click事件，触发这个复选框的onchange事件的问题
热门推荐
wuxhyou的专栏
11-13 4万+
先贴一段代码，这是正常情况：         $(function () {             var tableHTML = new Array();             for (var i = 0; i                 var chk = '' + i + '';                 tableHTML.push(chk);      
ES6 新特性有哪些
最新发布
weixin_64684095的博客
07-06 1129
1. 拥有块级作用域，这意味着在 if 语句、for 循环、while 循环等代码块中声明的 let 变量，只在该代码块内有效。2. 不允许在同一作用域内重复声明同一个变量1. 也具有块级作用域。2. 声明时必须进行初始化赋值，且赋值后不能再重新赋值修改其值。3. 如果 const 声明的是一个对象或数组，虽然不能重新赋值整个对象或数组，但可以修改对象的属性值或数组的元素值。
js checkbox选中和不选中触发的事件
04-29
在JavaScript中，可以通过监听checkbox的onchange事件来实现当checkbox被选中或取消选中时触发的事件。当checkbox被选中时，该事件的返回值为true，否则为false。 在HTML中，可以使用以下方式来创建checkbox： <input type="checkbox" id="myCheckbox" onchange="myFunction()"> 其中，onchange属性绑定了一个函数myFunction()，该函数将在checkbox状态改变时被调用。 我们可以在该函数中获取checkbox的状态，通过判断其是否被选中，来执行相应的逻辑。例如： function myFunction() { var checkBox = document.getElementById("myCheckbox"); if (checkBox.checked == true){ // 当checkbox被选中时执行的逻辑 console.log("Checkbox Checked"); } else { // 当checkbox被取消选中时执行的逻辑 console.log("Checkbox Unchecked"); } } 当我们点击checkbox时，控制台将分别输出"Checkbox Checked"或"Checkbox Unchecked"，以对应不同的状态。 除了使用onchange事件，我们还可以监听其他事件，例如onclick、onmouseup等。不同的事件类型可能会在不同的情况下被触发，需要根据具体需求和场景选择合适的事件类型。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值