首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

今天,当制作一个不需要from表单的复选框来提交数据的小函数时,需要在复选框被选中或未选中的情况下修改一些后台数据。我想到了用js代码来监控复选框的状态,并将实时数据发送到后台。...复选框选择和取消选择触发事件的方法。 Jq代码_ _点击复选框触发事件我是复选框。 $('#isbox ')。单击(函数(){ 如果($(这个)。...; } }); 本机JS代码_ _单击复选框触发事件。 例如:我是复选框。...功能检查(e) 如果(已检查){ console . log(“checked”); }否则{ Console.log('未选中'); } } 例如:我是复选框。...function(){ if(this.checked){ console . log(“checked”); }否则{ Console.log('未选中'); } }; PS:上面两个原生JS检测复选框选中状态的代码原理是一样的

4.5K40
您找到你想要的搜索结果了吗?
是的
没有找到

前端小哥玩HTML选框上瘾,能画logo做视频,还开源成JS库

行早 发自 凹非寺 量子位 报道 | 公众号 QbitAI 万万没想到,如此普通的复选框,竟也能玩出这种高度!...近期在自己的网站上发布的有关checkbox (复选框)的新玩法。...它可以将任何内容呈现为HTML选框。 还有更厉害的玩法 讲真,刚才展示的复选框效果,只能说是“开胃菜”。 不仅仅是简单的动画,日常拍下的照片,记录的生活vlog,一样可以成为“复选框”的素材。...小哥本人也是老二次元了,《Bad Apple》也是信手拈来: 随后,自嘲“the CheckBox guy”的小哥赋予了复选框更多的可能,他又拓展了Checkboxland API,用来加载任何视频并生成复选框版本...id=28826018 [3]https://www.jonathan-petitcolas.com/2017/12/28/converting-image-to-ascii-art.html [4]https

64130

前端如何提高用户体验:增强可点击区域的大小

让它变大,这样更容易被注意到 ?...复选框和单选按钮 当存在复选框或单选按钮元素时,我希望可以单击它或关联的标签来激活/禁用它。 ? 从用户体验的角度来看,这是难以访问和糟糕的。...在 HTML 中,可以使用for属性将标签与输入框绑定在一起。...这样,问题得以解决,整个复选框或单选按钮都是可单击的,如下图所 ? 侧边栏 对于带有类别的页面,有时我会注意到列表链接没有扩展到其父页面的整个宽度。 也就是说,可点击区域仅在文本上,如下图所示: ?...使用伪元素来增加可点击区域 仅通过改变元素的宽度和高度或使用padding,并不总是能够使可点击区域变大,这时候就需要伪元素救场了。

4.7K20

CSS魔法堂:改变单选框颜色就这么吹毛求疵!

选框了解一下  由于我们的目标是改变单选框颜色,其他外观特征和行为与原来的单选框一致,那么我们就必须先了解单选框原来的外观特征和行为主要有哪些。...上图中左侧就是原生单选框,右侧为我们自定义的单选框。从上到下依次为未选中、选中、获得焦点和disabled状态的样式。...,因此先将原生单选框隐藏 */ label.radio input { display: none; } HTML部分 <!...当自定义单选框内元素采用inline-block时,若vertical-align设置稍有不慎就会导致内部元素所在的line box被撑高,从而导致自定义单选框所在的line box高度变大。...尊重原创,转载请注明来自:https://www.cnblogs.com/fsjohnhuang/p/9741345.html ^_^肥仔John

2.7K30

HTML-CSS基础学习

单行文本框 单选按钮 复选框 下拉列表 <option...表单: :enabled 控制表单控件的可用状态 :disabled 控制表单空间的禁用状态 :checked 单选框或复选框被选中 CSS伪元素选择符 使用定义的伪元素设置一些特殊的字体格式 :...absolute-size 根据对象字号调节,relative-size 相对于父元素调节,length 文字大小,percentage 百分比表示字号 font-family 文本的字体,多种字体逗号隔开,字体单词双引号括起来...s-resize 向下改变大小 e-resize 向右改变大小 w-resize 向左改变大小 ne-resize 向上右改变大小 nw-resize 向上左改变大小 se-resize...向下右改变大小 sw-resize 向下左改变大小 CSS3页面布局 概述 盒子和DIV 盒子:content(内容)+padding(边框)+border(填充)+margin(间隔) width/

4.8K30

图像处理之目标检测的入门总结

Fast R-CNN存在性能瓶颈:选择性搜索,找出所有的候选框,也非常耗时。能不能找出一个更加高效的方法来求出这些候选框呢?...改进之处: 1).尺度预测 (类FPN) 2).更好的基础分类网络(类ResNet)和分类器 darknet-53,见下图。 3)....Softmax使得每个框分配一个类别(score最大的一个),而对于Open Images这种数据集,目标可能有重叠的类别标签,因此Softmax不适用于标签分类。 b....分类损失采用 binary cross-entropy loss 尺度预测 ? 每种尺度预测3个box, anchor的设计方式仍然使用聚类,得到9个聚类中心,将其按照大小均分给3中尺度....尺度2: 从尺度1中的倒数第二层的卷积层上采样(x2)再与最后一个16x16大小的特征图相加,再次通过多个卷积后输出box信息.相比尺度1变大两倍.

1.3K10
领券