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复选框选中与未选中触发事件的方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 创建Angular项目及常用命令
- 下一篇： 常见信息流广告有哪些展现形式