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

今天在做一个不需要from表单提交数据的复选框的小功能时，需要在复选框选中或取消选中的同时对一些后台的数据进行修改。就想到了使用js代码来监控复选框的状态，并向后台发送时时数据。关于js代码如何监控 checkbox 复选框的状态，可以参考下面的示例。

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

jq代码__点击checkbox,触发事件我是复选框

$("#isbox").click(function() {

if ($(this).is(":checked")== true) {

console.log('我被选中了！');

} else {

console.log('我没有被选中！');

}

});

//这个代码和上面的一样的，选择一个使用即可！

$('input[type="checkbox"]').click(function() {

if ($(this).is(":checked")== true) {

console.log('我被选中了！');

} else {

console.log('我没有被选中！');

}

});

原生JS代码__点击checkbox,触发事件

例：我是复选框

function ischeck(e){

if(e.checked){

console.log('选中');

}else{

console.log('未选中');

}

例：我是复选框

document.getElementById('isbox').onclick = function(){

if(this.checked){

console.log('选中');

}else{

console.log('未选中');

}

};

PS：上面的两个原生JS检测 checkbox 的选中状态的代码原理都是一样的，只是写法不同而已！

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

android 单选按钮对号,用“对号”和“叉号”代替单选框和复选框选中或未选中代码详解...
用"对号"和"叉号"代替单选框和复选框选中或未选中代码,使用javascript+css可以实现这样的操作! 效果如图: /p> Transitional ...
input文本框实现输入英文时自动触发事件,输入中文时要输入完成后才触发事件
需求: 英文(英文输入法): 每输入一个字母都触发一次事件; 中文(拼音输入法): 输入完成后才触发事件,不是每打一个拼音就触发实现: $(function(){var flag = true;$( ...
html 按下和松开事件,JQuery通过键盘控制键盘按下与松开触发事件
JQuery通过键盘控制键盘按下与松开触发事件效果图: HTML部分: 首先设置几个盒子,用来构建这个页面的大致框架. 给盒子相应的类名以及id,方便css的布局以及JQuery的获取. 在盒子内放 ...
获得勾选框 html,是否可以在HTML中选中或未选中的勾选框中收集数据？
此代码应该帮助你! Questions []是一个数组,其中包含所有输入字段, getElementsByName遍历所有具有相同名称的元素(例如,所有元素都具有相同名称的电子邮箱),然后找出哪个元素 ...
微信小程序选中与未选中的样式实现多选框
未选中是白色背景选中是蓝色背景 <view><checkbox-group name="checkbox" class="check"> ...
组合框里添加复选框的方法
组合框可以看作是列表框和文本框的组合,因其占据的空间少,使用操作方便,常被界面设计人员用于界面开发设计中,在有限个输入的条件下,组合框常用来代替文本框,这样从用户使用角度来看,更趋人性化,所见即所得. ...
实现 select中指定option选中触发事件
实现 select中指定option选中触发事件我们在用到下拉列表框select时,需要对选中的<option>选项触发事件,其实<option>本身没有触发事件方法,我们只 ...
oracle 触发器的种类和触发事件
触发器的种类和触发事件触发器必须由事件才能触发.触发器的触发事件分可为3类,分别是DML事件.DDL事件和数据库事件. 每类事件包含若干个事件,如下所示.数据库的事件是具体的,在创建触发器时要 ...
js常用对象：点击、双击、onload事件、鼠标相关、onblur事件和onfocus事件等；通过循环给多个元素添加事件、通过addEventListener() 方法监听事件函数...
1.通过标签内部添加事件 (1)onclick事件:单击事件 (2)ondbclick事件:双击事件 (3)onload事件:只能在body中使用,入口函数里有:window. .οnlοad=f ...
oracle触发器触发事件,oracle 触发器的种类和触发事件
oracle触发器的种类和触发事件,DML触发器,DDL事件触发器,替代触发器,查看触发器触发器的种类和触发事件触发器必须由事件才能触发.触发器的触发事件分可为3类,分别是DML事件.DDL事件和 ...

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

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

最新文章

热门文章