全部展开$(function () {//动态绑定默认状态//$ ('# ck ')。attr ('checked ',true)//已检查//$ ('# ck ')。attr ('ch
顺晟科技
2022-10-24 09:20:51
167
今天,当制作一个不需要from表单的复选框来提交数据的小函数时,需要在复选框被选中或未选中的情况下修改一些后台数据。我想到了用js代码来监控复选框的状态,并将实时数据发送到后台。关于js代码如何监控checkbox的状态,可以参考下面的例子。
复选框选择和取消选择触发事件的方法。
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检测复选框选中状态的代码原理是一样的,只是写法不同!
05
2022-12
02
2022-12
02
2022-12
02
2022-12
02
2022-12
02
2022-12