判断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("未被选中");
    }
    
})
相关推荐
ikoala19 分钟前
Codex 不得不装的 12 个插件,都在这了
前端·javascript·后端
赵庆明老师1 小时前
JS检查提交的文件是否合规
开发语言·前端·javascript
颂love1 小时前
Vue的两大生态以及组件通信
前端·javascript·vue.js·typescript
光影少年2 小时前
js单线程,为什在node环境下的js可以处理高并发请求?
前端·javascript·掘金·金石计划
moMo2 小时前
# JavaScript 的“等等我”:聊聊同步与异步
javascript
Cobyte2 小时前
19.Vue Vapor 的实现原理原来这么简单
前端·javascript·vue.js
JackieDYH2 小时前
uniapp vue3 常用的生命周期和作用使用时机
javascript·vue.js·uni-app
hhb_6182 小时前
TypeScript泛型实战:企业级请求封装全解析
javascript·ubuntu·typescript
BomanGe23 小时前
NSK直线导轨LH55EL与NH55EM替代指南
前端·javascript·数据库·经验分享·规格说明书
云水一下3 小时前
Vue.js从零到精通系列(四):前端路由与Vue Router——打造多页单页应用
前端·javascript·vue.js