首页
学习
活动
专区
工具
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.8K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS如何实现勾选全部复选框和不全选复选框

    前言 在一些后台管理系统里面,针对全选,复选框是一个很常见的操作,复选框可以执行多项选择的一种控件,有时,为了方便用户选中所有的复选框,网页界面 会提供一个选中所有复选框的功能,怎么实现一个复选框全部被选中的效果呢...示例效果 allcheckbox 原生Js 实现全选的效果,复选框是否被勾选,是由它的checked属性决定的,因此,实现本例效果的关键就是找到所有对应的复选框,然后将其它的checked属性设置为...function checkAll(c) { var arr = document.getElementsByTagName("myname"); if(c) { // 遍历所有的复选框...<arr.length;i++) { arr[i].checked = true; // 选中 } }else { // 遍历所有的复选框...for(var i = 0;i<arr.length;i++) { arr[i].checked = false; // 不选中 } } } 如下是html

    6.3K60

    话说const修饰符与static修饰

    但是C由于类型的把控不是非常严格,我们依旧可以变相的去更改它,譬如:int *p = &a; *p = 20; 但是C++中类型的把控是非常严格的,无论如何,妄图修改const修饰的变量都是无意义的。...static static在c中的用法如下: 1、如果修饰的是局部变量,则他的生命周期会是整个程序运行开始到结束,并不会因为作用域等因素动态去释放。...2、如果修饰的是全局变量、全局函数等,则表示内部链接类型,只能本文件可见,其他文件不可见。...2 C++中的const: const类成员数据 和普通变量一样,被const修饰之后为常量(只读)不可修改。...a.dis(); // 调用非const函数 b.dis(); // 调用const函数 return 0; } 3 C++中的static: 在类内部把一个成员变量修饰

    92510

    java final 修饰变量_final关键字修饰变量

    参考链接: Java final关键字 Java中被final修饰的变量为常量,它只能被赋值一次,也就是说final修饰的变量一旦被赋值,其值不能改变。如果再次对该变量进行赋值,则程序会在编译时报错。...原因在于变量num 被final修饰。由此可见,被final修饰的变量为常量,它只能被赋值一次,其值不可改变。  被final关键字修饰的变量为局部变量。...这是因为使用final关键字修饰成员变量时,虚拟机不会对其进行初始化。...因此使用final修饰成员变量时,需要在定义变量的同时赋予一个初始值,下面将第2行代码修改为:final String name="小海绵"; //为final 关键字修饰的name 属性赋值  运行结果

    74420

    前端小哥玩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

    65930

    使用复选框控制条件格式

    标签:条件格式,数据验证,复选框 应用场景 有一列任务清单,如果完成则在其上添加删除线,如下图1所示。 图1 使用数据验证+条件格式 我们可以使用条件格式来实现。...在“新建格式规则”对话框中,选择“使用公式确定要设置格式的单元格”,在“为符合此公式的值设置格式”中输入: =$C2=TRUE 单击“格式”按钮,在“字体”选项卡中选取“删除线”复选框。...使用复选框+条件格式 当选择相应的复选框后,会对相应项添加删除线,如下图3所示。 图3 工作表界面如下图4所示。 图4 参照上文对单元格区域E2:G20设置条件格式,如下图5所示。...图5 添加复选框,并将复选框链接到相应的单元格,例如“到工地现场检查”复选框链接到单元格G2,如下图6所示。依此类推。 图6 任务完成!...我们可以隐藏列G,让人以为是复选框在操控是否添加删除线,如下图7所示。

    2.2K10

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券