判断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("未被选中");
    }
    
})
相关推荐
土豆湿4 分钟前
拥抱极简主义前端开发:NoCss.js 引领无 CSS 编程潮流
开发语言·javascript·css
J总裁的小芒果13 分钟前
Vue3 el-table 默认选中 传入的数组
前端·javascript·elementui·typescript
Lei_zhen9615 分钟前
记录一次electron-builder报错ENOENT: no such file or directory, rename xxxx的问题
前端·javascript·electron
辣条小哥哥17 分钟前
electron主进程和渲染进程之间的通信
javascript·electron·ecmascript
咖喱鱼蛋18 分钟前
Electron一些概念理解
前端·javascript·electron
yqcoder19 分钟前
Vue3 + Vite + Electron + TS 项目构建
前端·javascript·vue.js
ggdpzhk3 小时前
VUE:基于MVVN的前端js框架
前端·javascript·vue.js
小曲曲4 小时前
接口上传视频和oss直传视频到阿里云组件
javascript·阿里云·音视频
学不会•5 小时前
css数据不固定情况下,循环加不同背景颜色
前端·javascript·html
EasyNTS6 小时前
H.264/H.265播放器EasyPlayer.js视频流媒体播放器关于websocket1006的异常断连
javascript·h.265·h.264