Question

如何用jquery判断checkbox是否被选中并弹出提示？

最近在弄个问卷调查，用判断radio的代码改的为什么判断不了checkbox
//NO.3
q3 = "";
q3 = $("input[type='checkbox'][name='q3']:checked").val();
if (q3 == "" || q3==null) {
alert("请完成第3题\n");
return false;
};
在页面中选中第三题还是弹出没选

Answer 1

1. 通过选择器 “：checked”和“is”来判断，匹配所有选中的被选中元素(复选框、单选框等，select中的option)，但对于select元素来说，获取选中推荐使用 :selected，用法:
   if($('[name=gender]:eq(0)').is(':checked')) {  alert('提示信息')  }

2. 这里主要是对于表单属性选择器的运用，图片中列表了一部分，另外还有not、:animated、:focus等，更多可以参考jquery api资料，会有详细叙述（百度搜索jquery api即可找到）

3. 下面是一个关于问题的示例：
   <input type="checkbox" name="gender" value=0 onclick="if($('[name=gender]:eq(0)').is(':checked')) {  alert('提示信息'+this.value)  }">

4. JQuery API资料：http://jquery.cuishifeng.cn/
   

Answer 2

if($("input[type='checkbox'][name='q3']:checked").attr("checked")){
//选中了
}else{
//没有选中
}

Answer 3

$("input[type='checkbox'][name='q3']").click(function(){
if(this.checked){ //如果当前点击的多选框被选中
alert("请完成第3题！");
}else{
alert("未选中！");
}
});

Answer 4

整得那么复杂，获取到checkbox对象，判断checked是否为true，