判断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("未被选中");
    }
    
})
相关推荐
漂流瓶jz6 小时前
让数据"流动"起来!Node.js实现流式渲染/流式传输与背后的HTTP原理
前端·javascript·node.js
鱼樱前端8 小时前
Vue3+d3-cloud+d3-scale+d3-scale-chromatic实现词云组件
前端·javascript·vue.js
coding随想8 小时前
JavaScript中的原始值包装类型:让基本类型也能“变身”对象
开发语言·javascript·ecmascript
满分观测网友z8 小时前
vue的<router-link>的to里面的query和params的区别
前端·javascript·vue.js
BillKu8 小时前
Vue3 + TypeSrcipt 防抖、防止重复点击实例
前端·javascript·vue.js
Themberfue8 小时前
Vue ⑥-路由
前端·javascript·vue.js
whatever who cares8 小时前
React hook之useRef
前端·javascript·react.js
天涯学馆8 小时前
工厂模式在 JavaScript 中的深度应用
前端·javascript·面试
newxtc8 小时前
【JJ斗地主-注册安全分析报告】
开发语言·javascript·人工智能·安全