专栏首页杨龙飞前端checkbox的常见问题

checkbox的常见问题

1、在使用checkbox时,最好不要阻止他原有的事件,要利用它原有的事件进行控制

2、尽量使用label for属性,不要对input元素的父元素或者input本身绑定事件,这样不能有效的避免冒泡事件,

3、如果想扩大选择区,可以选择扩大label的高度和宽度,不要选择扩大父元素的宽高。

4、如果某一个checkbox不能选中,而本身js又没有对他做任何事件托管,那就要查一下,id是否重复了。

5、checkbox的样式尽量不要自己修改,存在很多兼容性问题,尽量使用插件来改变样式,比如icheck

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 读懂react源码

    1、最重要的两个目录,react,react-dom,(react-reconciler后续会很重要)

    windseek
  • z-index失效的原因

    windseek
  • 本地搭建https服务

    作者:狼_来_了 链接:https://www.jianshu.com/p/529cfb1ef84a 來源:简书 简书著作权归作者所有,任何形式的转载都...

    windseek
  • HDLBits:在线学习Verilog( 五 · Problem 20-24)

    Problem 20: Connecting ports by position(Module pos)

    数字积木
  • 【打卡贴】(No.007)反转整数

    假设我们的环境只能存储 32 位有符号整数,其数值范围是 [−231, 231 − 1]。根据这个假设,如果反转后的整数溢出,则返回 0。

    PM小王
  • 【猫狗数据集】保存训练模型并加载进行继续训练

    发现数据集没有完整的上传到谷歌的colab上去,我说怎么计算出来的step不对劲。

    西西嘛呦
  • 使用RabbitMQ实现未支付订单在30分钟后自动过期

    可以看到,除了默认的交换机,SpringBoot已经帮我们创建好了延迟交换机order-delay-exchange,并且此时messages delayed为...

    喜欢天文的pony站长
  • TinyML实践-1:What & Why TinyML?

    机器/深度学习已经如火如荼,各种炫目的效果呈现不穷,笔者也复现一些如stackoverflow assistence、头像动漫化等,但大都需要强大算力,“终端(...

    flavorfan
  • Python爬虫Scrapy(二)_入门案例

    本章将从案例开始介绍python scrapy框架,更多内容请参考:python学习指南 入门案例 学习目标 创建一个Scrapy项目 定义提取的结构...

    用户1174963
  • When Math meets Android Animation (3)

    当数学遇上动画:讲述ValueAnimator、TypeEvaluator和TimeInterpolator之间的恩恩怨怨(3)

    宅男潇涧

扫码关注云+社区

领取腾讯云代金券