判断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("未被选中");
    }
    
})
相关推荐
cch89182 分钟前
常见布局实现详解(Flex 实战版)
前端·javascript·css
TU不秃头6 小时前
JS逆向实战五:某海关公示平台分析(瑞数加密)
javascript·爬虫
Можно10 小时前
深入理解 ES6 Proxy:与 Object.defineProperty 的全面对比
前端·javascript·vue.js
天天向上102411 小时前
vue el-table实现拖拽排序
前端·javascript·vue.js
西西学代码12 小时前
Flutter---回调函数
开发语言·javascript·flutter
卷帘依旧12 小时前
JavaScript 闭包经典问题:为什么输出 10 次 i=10
javascript
柳杉12 小时前
Three.js × Blender:从建模到 Web 3D 的完整工作流深度解析
前端·javascript·数据可视化
用户8061381665914 小时前
发布为一个 npm 包
前端·javascript
TT_哲哲14 小时前
小程序双模式(文件 / 照片)上传组件封装与解析
前端·javascript
从文处安15 小时前
「九九八十一难」从回调地狱到异步秩序:深入理解 JavaScript Promise
前端·javascript