html 复选框事件,HTML复选框选中与未选中触发事件的方法
今天在做一個(gè)不需要from表單提交數(shù)據(jù)的復(fù)選框的小功能時(shí)，需要在復(fù)選框選中或取消選中的同時(shí)對一些后臺的數(shù)據(jù)進(jìn)行修改。就想到了使用js代碼來監(jiān)控復(fù)選框的狀態(tài)，并向后臺發(fā)送時(shí)時(shí)數(shù)據(jù)。關(guān)于js代碼如何監(jiān)控 checkbox 復(fù)選框的狀態(tài)，可以參考下面的示例。
checkbox 復(fù)選框選中與未選中觸發(fā)事件的方法
jq代碼__點(diǎn)擊checkbox,觸發(fā)事件?我是復(fù)選框
$("#isbox").click(function()?{
if?($(this).is(":checked")==?true)?{
console.log('我被選中了！');
}?else?{
console.log('我沒有被選中！');
}
});
//這個(gè)代碼和上面的一樣的，選擇一個(gè)使用即可！
$('input[type="checkbox"]').click(function()?{
if?($(this).is(":checked")==?true)?{
console.log('我被選中了！');
}?else?{
console.log('我沒有被選中！');
}
});
原生JS代碼__點(diǎn)擊checkbox,觸發(fā)事件
例：?我是復(fù)選框
function?ischeck(e){
if(e.checked){
console.log('選中');
}else{
console.log('未選中');
}
}
例：?我是復(fù)選框
document.getElementById('isbox').onclick?=?function(){
if(this.checked){
console.log('選中');
}else{
console.log('未選中');
}
};
PS：上面的兩個(gè)原生JS檢測 checkbox 的選中狀態(tài)的代碼原理都是一樣的，只是寫法不同而已！
總結(jié)
以上是生活随笔為你收集整理的html 复选框事件,HTML复选框选中与未选中触发事件的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 创建Angular项目及常用命令
- 下一篇： APPInventor网络数据库浏览器（