html复选框选中与未选中触发事件的方法
今天,当制作一个不需要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检测复选框选中状态的代码原理是一样的,只是写法不同!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: html复选框选中与未选中触发事件的方法
本文地址: https://pptw.com/jishu/6093.html