18910140161

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

顺晟科技

2022-10-24 09:20:51

167

今天,当制作一个不需要from表单的复选框来提交数据的小函数时,需要在复选框被选中或未选中的情况下修改一些后台数据。我想到了用js代码来监控复选框的状态,并将实时数据发送到后台。关于js代码如何监控checkbox的状态,可以参考下面的例子。

复选框选择和取消选择触发事件的方法。

Jq代码_ _点击复选框触发事件我是复选框。

$('#isbox ')。单击(函数(){

如果($(这个)。is(':checked')==true){

Console.log('我被选中了!');

}否则{

Console.log('我没有被选中!');

}

});

//这个代码和上面那个一样,随便选一个用!

$('input[type='checkbox']')。单击(函数(){

如果($(这个)。is(':checked')==true){

Console.log('我被选中了!');

}否则{

Console.log('我没有被选中!');

}

});

本机JS代码_ _单击复选框触发事件。

例如:我是复选框。

功能检查(e)

如果(已检查){

console . log(“checked”);

}否则{

Console.log('未选中');

}

}

例如:我是复选框。

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

if(this.checked){

console . log(“checked”);

}否则{

Console.log('未选中');

}

};

PS:上面两个原生JS检测复选框选中状态的代码原理是一样的,只是写法不同!

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航