今天在做一個不需要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复选框选中与未选中触发事件的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。