判断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("未被选中");
    }
    
})
相关推荐
naice1 小时前
我对github的图片很不爽了,于是用AI写了一个图片预览插件
前端·javascript·git
小奋斗1 小时前
千量数据级别的数据统计分析渲染
前端·javascript
三小河1 小时前
overflow:auto 滚动的问题,以及flex 布局中如何设置
前端·javascript
Hilaku1 小时前
Token已过期,我是如何实现无感刷新Token的?
前端·javascript·面试
云枫晖2 小时前
手写Promise-什么是Promise
前端·javascript
一枚前端小能手2 小时前
📋 前端复制那点事 - 5个实用技巧让你的复制功能更完美
前端·javascript
小高0073 小时前
🌐ES6 这 8 个隐藏外挂,知道 3 个算我输!
前端·javascript·面试
东坡白菜3 小时前
SSE 实现 AI 对话中的流式输出
javascript·vue.js
小桥风满袖4 小时前
极简三分钟ES6 - ES9中字符串扩展
前端·javascript
前端人类学4 小时前
掌控异步洪流:多请求并发下的顺序控制艺术
javascript·promise