checkbox复选框，如何让其勾选时触发一个事件，取消勾选时不触发

最新推荐文章于 2025-07-01 12:01:49 发布

l_degege

最新推荐文章于 2025-07-01 12:01:49 发布

阅读量10w+

点赞数 13

分类专栏： HTML 文章标签： checkbox勾选触发

HTML 专栏收录该内容

32 篇文章

订阅专栏

本文介绍了一个简单的HTML复选框及其JavaScript点击事件处理函数。当复选框被选中或取消选中时，会触发不同的操作。适用于初学者了解基本的网页交互逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="checkbox" onclick="checkboxOnclick(this)" />

<script>

function checkboxOnclick(checkbox){

if ( checkbox.checked == true){

//Action for checked

}else{

//Action for not checked

}

}

</script>

参考：https://bbs.youkuaiyun.com/topics/90507809

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

l_degege

关注关注

13
点赞
踩
43

收藏

觉得还不错? 一键收藏
11
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

checkbox复选框,让其勾选时触发一个事件，取消勾选时不触发

weixin_30905981的博客

05-27

6963

jQuery对CheckBox复选框操作 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www...

checkbox选中触发事件_事件选择器

weixin_39528843的博客

11-21

8932

一.选择器1.过滤选择器（跟节点遍历-过滤相似） ①找第一个元素语法：$("选择器：first") ②找最后一个元素语法：$("选择器：last") ③根据索引查找元素语法：$("选择器：eq(索引)") ④找符合条件之外...

11 条评论您还未登录，请先登录后发表或查看评论

checkBox分别处理选中与不选中

10-13

checkBox分别处理选中与不选中checkBox分别处理选中与不选中

html 中input里面的type是什么作用

最新发布

2401_83708850的博客

07-01

658

form>标签是 HTML 表单的基础，不可或缺。如果你需要实现用户注册功能，必须保留<form>标签，并确保其action和method属性配置正确。如果只是临时测试界面效果，可以暂时移除，但最终上线时必须恢复。method属性有啥作用。

checkbox复选框，如何让其勾选时触发一个事件，取消勾选时触发另一个事件

weixin_44037153的博客

10-26

3911

<input type="checkbox" name="" value="" id="id"/> $("#id").click(function(){ if(this.checked){ console.log("第一个事件"); }else{ console.log("第二个事件"); } })

CheckBox选中触发事件和取消选中触发事件

yydszxd的博客

11-11

1万+

CheckBox(val,row){ if(val.includes(row)){ //触发选中事件 this.$refs.show(row.code) }else{ //触发取消选中事件 this.$refs.hide(row.code) } }

checkbox设置复选框的只读效果不让用户勾选

09-05

在网页设计和开发中，复选框（Checkbox）是一种常见的表单元素，允许用户选择一个或多个选项。在某些场景下，我们可能希望向用户展示这些选项，但并不允许他们进行实际的选择操作，例如在信息展示页面。这时，我们就...

jquery实现勾选复选框触发事件给input赋值

12-09

在这个函数内部，我们绑定了两个事件监听器，一个针对所有带有`data-type="checkbox"`的复选框，另一个针对全选复选框（`data-type="checkall"`）。对于每一个普通复选框，当用户点击时，我们通过`$(this).attr('...

js checkbox全选反选取消全部设置表单html复选框勾选

11-24

`<input type="checkbox">` 是一个复选框，用户可以选择或取消选择。每个复选框都有一个`value`属性，用来表示其值，以及一个`checked`属性，用于指示当前是否被选中。全选功能通常需要一个主控复选框，当用户点击...

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

weixin_29382667的博客

06-03

4884

今天在做一个不需要from表单提交数据的复选框的小功能时，需要在复选框选中或取消选中的同时对一些后台的数据进行修改。就想到了使用js代码来监控复选框的状态，并向后台发送时时数据。关于js代码如何监控 checkbox 复选框的状态，可以参考下面的示例。checkbox 复选框选中与未选中触发事件的方法jq代码__点击checkbox,触发事件我是复选框$("#isbox").click(func...

CheckBox选中不触发事件

明日及时

12-10

1万+

如何避免这种事情发生呢? 其实就是要区分到底是人为的触发的，还是代码触发的。如果是人为触发的，那么这个时候焦点就会在checkbox上，如果是代码赋值触发的，一般焦点都不在checkbox上。事件响应的函数中添加这个条件 checkbox.Focused Focused：true ：人为触发的 Focused：false：代码触发的...

bootstrap-table中的checkbox（复选框）被选中时触发的函数

热门推荐

寻找属于自己的一片天

07-14

5万+

当我们点击选择框的时候也许想要触发一些操作调用对应的函数；大致总结了一下：项目中用的几个方式。 1.点击每一行触发对应的函数， 2.点击前面的单选框进行对应的操作； 3，点击全选框时（获取全部数据）时对应的操作；但是需要注意的时；1.与2，，不能同时存在，否则两者的函数都会同时触发，会执行两次；在下面会进行详细的描述，

checkbox勾选不勾选都出发change事件

cacalili的博客

01-18

6420

让checkbox勾选与不勾选时，都执行一个事件（onchange）,应用场景如下：加以下代码就可以实现了$(function() { $('input:checkbox').click(function () { this.blur(); this.focus(); }); 。。。。。

checkbox 选中触发change事件- 微信小程序开发技术要点总结（二）

Nicolege678的博客

06-28

1万+

在待办小程序中，我们通过点选checkbox来表明该事项已完成，也就是说当我们点选该checkbox的时候需要绑定一个触发函数，通过点选事件来触发后续的动作，将值存储起来，这样我们重新进入小程序的时候，待办项的完成情况就还是和上次更新的内容一样。按照官方文档所说，小程序里面选中单个checkbox，会触发 checkbox-group的change事件，所以我们需要在checkbox标签外面加一个check-group标签。并通过 bindchange 绑定触发事件后的处理函数。H5 代码： js 代

checkbox触发事件

ltoper的专栏

03-25

1728

1、将checkbox的autopostback设置为真2、将checkbox的change事件进行编写 protected void CheckBox_net_CheckedChanged(object sender, EventArgs e) {//每次对checkbox选中取消，都将dropdowlist的selectindex设置为0，即选中第一个 Dr

checkbox 选中触发js事件

qq_40088333的博客

10-13

1万+

checkbox点击的时候触发js事件选择按钮代码如下： <div> <input type="checkbox" id="checkbox"> <span>本周不再显示</span> </div> js代码如下： <script> $("#checkbox").change(function(){ alert("成功触发checkbox改变事件"); }) </script> ...

input标签checkbox选中触发事件的方法

jiaxiaokai的博客

12-30

2万+

目的： 1. 打开页面时，根据后端返回的的值isRequired，设置页面的checkbox标签的勾选状态，并给隐藏的text标签的value赋值，以便于在提交页面时把isRequired再返回给后端 2. 切换checkbox标签的勾选状态时，修改隐藏的text标签的value的值，勾选是1，取消勾选是0 html代码： <div class="col-sm-8"> <input type="checkbox" class="minimal pull-left Grandpa isR.

CheckBox的触发

weixin_30566063的博客

08-05

181

遇到的问题：当Checkbox选中时触发Checked事件，使界面处于状态1，但是页面状态2时也希望checkBox处于选中状态，但是直接修改它的IsChecked属性势必会触发他的Checked事件，使界面回到状态1目标：测试何时触发CheckBox的Checked事件，在事件内部改变他的选中状态是否会引起循环调用 private void CheckBox_Checked(...

Vue3做一个带有复选框的列表，勾选框后触发事件

05-28

他们可能想要一个列表，每个项目都有一个复选框，当用户勾选或取消勾选时执行某个操作，比如显示选中的项或者提交数据。根据用户提供的引用，特别是引用[1]和引用[2]，里面提到了使用Element UI的复选框组件以及...