首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

html复选框选中选中触发事件的方法

今天,当制作一个不需要from表单的复选框来提交数据的小函数时,需要在复选框被选中选中的情况下修改一些后台数据。我想到了用js代码来监控复选框的状态,并将实时数据发送到后台。...单击(函数(){ 如果($(这个)。is(':checked')==true){ Console.log('我被选中了!'); }否则{ Console.log('我没有被选中!')...单击(函数(){ 如果($(这个)。is(':checked')==true){ Console.log('我被选中了!'); }否则{ Console.log('我没有被选中!')...功能检查(e) 如果(已检查){ console . log(“checked”); }否则{ Console.log('选中'); } } 例如:我是复选框。...onclick=function(){ if(this.checked){ console . log(“checked”); }否则{ Console.log('选中'); } }; PS:上面两个原生

4.5K40

优化单选框 radio 样式:随点击变换选中选中状态图片

就是用户可以给小程序首页设置不同数量和布局的图片魔方来装修,其中在设置图片模仿的时候,要选择几张图布局是怎么布局的,如下图所示: 这里的布局其实是一个单选框 radio,为了加强用户体验,我们通过示意图来演示这个布局下的图片魔方在小程序前端的效果,为区分选中选中状态...contain; margin-right:10px; } input[type="radio"]{ // 隐藏 radio display: none; } #label_layout_3-1{ // 选中的效果...background-image: url(cube-radio-3-1.png); } #layout_3-1:checked + #label_layout_3-1 { // 选中的效果,使用了...cube-radio-selected-3-1.png); } #label_layout_3-2{ background-image: url(cube-radio-3-2.png); } #layout_3-2:checked...cube-radio-selected-3-2.png); } #label_layout_3-3{ background-image: url(cube-radio-3-3.png); } #layout_3-3:checked

2.4K20

JavaScript 技巧篇-js增加延迟时间解决单击双击事件冲突,双击事件触发单击事件

js 的单双击事件同时存在会有一个问题:双击事件会同时触发单击事件,两个事件存在冲突。 我们加一个延迟时间就能很好的解决这个问题。...原理: 当接收到第一个点击时,我们先把单击事件存储在这个是全局变量 click_store 里,如果 0.3 秒内没有接收到双击事件,就去执行它,如果接收到了,我们把它清理掉,然后去执行双击事件。...var click_store // 定义一个全局变量存储单击触发事件 document.addEventListener('click', deal_click); document.addEventListener...('dblclick', deal_dblclick); function deal_click(e){ click_store = setTimeout(function(e){ // 单击触发事件...,0.3s延迟 ... },300); } function deal_dblclick(e){ // 单击事件清理 clearTimeout(click_store); // 双击触发事件

6K30
领券