仅仅一月的时间，曾经满眼雪白的棉花地只剩下暗褐色的一片，偶尔星星点点飘几点白色，也暗然无光。人类征服大自然的力量是神奇强大的，这种超乎寻常的功能有时候总让你难以置信。
今天在做一个不需要from表单提交数据的复选框的小功能时，需要在复选框选中或取消选中的同时对一些后台的数据进行修改。就想到了使用js代码来监控复选框的状态，并向后台发送时时数据。关于js代码如何监控 checkbox 复选框的状态，可以参考下面的示例。
checkbox 复选框选中与未选中触发事件的方法
jq代码__点击checkbox,触发事件
<input type="checkbox" name="" id="isbox"> 我是复选框
<script>
$("#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('我没有被选中！');
}
});
</script>原生JS代码__点击checkbox,触发事件
例：
<input type="checkbox" name="" onclick="ischeck(this);"> 我是复选框
<script>
function ischeck(e){
if(e.checked){
console.log('选中');
}else{
console.log('未选中');
}
}
</script>例：
<input type="checkbox" name="" id="isbox"> 我是复选框
<script>
document.getElementById('isbox').onclick = function(){
if(this.checked){
console.log('选中');
}else{
console.log('未选中');
}
};
</script>PS：上面的两个原生JS检测 checkbox 的选中状态的代码原理都是一样的，只是写法不同而已！
以上就是HTML复选框选中与未选中触发事件的方法。不管一切如何，你仍然要平静和愉快，生活就是这样，我们也必须这样对待生活，要勇敢、无畏、含着笑容地——不管一切如何。——[德国]罗莎·卢森堡更多关于HTML复选框选中与未选中触发事件的方法请关注haodaima.com其它相关文章！
