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

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

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

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

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检测复选框选中状态的代码原理是一样的，只是写法不同！