判断input标签的type类型为checkbox是否被选中

1.通过获取checked值判断,可不在事件函数内

js 复制代码
// 1.判断单个复选框是否选中
var checkbox = document.querySelector("#field23555"); // 使用选择器获取元素
if (checkbox.checked) {
  console.log("被选中了");
} else {
  console.log("未被选中");
}


// 2
if ($('#myCheckbox').prop('checked')) {
    // 复选框被选中
    console.log("复选框被选中");
} else {
    // 复选框未被选中
    console.log("复选框未被选中");
}



// 3
if ($('#myCheckbox').is(':checked')) {
    // 复选框被选中
    console.log("复选框被选中");
} else {
    // 复选框未被选中
    console.log("复选框未被选中");
}

2.监听事件函数内

js 复制代码
$('#myCheckbox').click(function(){

	
	// 需要在事件函数内才可使用
    if(this.checked==true){
        console.log("复选框被选中")
    }else{
        console.log("复选框未被选中")
    }
   
    var target = event.target; // 获取触发事件的元素
    if (target.checked) {
        console.log("被选中了");
    } else {
        console.log("未被选中");
    }
    
})
相关推荐
2401_892000522 小时前
Flutter for OpenHarmony 猫咪管家App实战 - 添加提醒实现
前端·javascript·flutter
Yolanda942 小时前
【项目经验】vue h5移动端禁止缩放
前端·javascript·vue.js
EndingCoder3 小时前
案例研究:从 JavaScript 迁移到 TypeScript
开发语言·前端·javascript·性能优化·typescript
Amumu121385 小时前
Vue脚手架(二)
前端·javascript·vue.js
lichenyang4536 小时前
从零开始构建 React 文档系统 - 完整实现指南
前端·javascript·react.js
比特森林探险记6 小时前
Hooks、状态管理
前端·javascript·react.js
比特森林探险记6 小时前
组件通信 与 ⏳ 生命周期
前端·javascript·vue.js
海绵宝龙7 小时前
Vue中nextTick
前端·javascript·vue.js
H_z_q24017 小时前
Web前端制作一个评论发布案例
前端·javascript·css
摘星编程7 小时前
React Native + OpenHarmony:useId唯一标识生成
javascript·react native·react.js