jq判断checkbox是否选中
- 原创
- |
- 浏览：15451
- |
- 更新：
- |
- 标签：编程语言
![jq判断checkbox是否选中]()
1![jq判断checkbox是否选中]()
2![jq判断checkbox是否选中]()
3![jq判断checkbox是否选中]()
4![jq判断checkbox是否选中]()
5![jq判断checkbox是否选中]()
6![jq判断checkbox是否选中]()
7
如何使用jquery判断checkbox是否勾选。可以使用两种方法进行判断，
方法一：$(this).attr('checked')；
方法二：$(this).is(":checked");
方法/步骤
打开html开发工具，新建一个html页面。
![jq判断checkbox是否选中]()
在html代码页面创建一个checkbox选中框，然后给这个checkbox选择框添加一个id（remember），用于后面对checkbox选中框进行判断。
html代码:
<input type="checkbox" id="remember"/>
![jq判断checkbox是否选中]()
引入jquery库。 判断checkbox需要使用的jquery封装好的方法，所以需要引入jquery库。
![jq判断checkbox是否选中]()
- 相关内容未经许可获取自百度经验
创建<scritp>标签，在<script>编辑判断checkbox选中框是否勾选的方法。
javascript代码：
<script type="text/javascript">
$(function(){
$("#remember").click(function(){
var flage = $(this).is(":checked");
if(flage){
alert("checkbox选中");
}else{
alert("checkbox未选中");
}
})
})
</script>
![jq判断checkbox是否选中]()
保存html代码，然后使用浏览器打开，勾选checkbox选中框，即可看到弹出checkbox勾选的提示，再次点击就会弹出checkbox未选中提示。
![jq判断checkbox是否选中]()
![jq判断checkbox是否选中]()
END
方法二
使用$(this).attr('checked')判断checkbox选中框是否勾选，步骤与方法一一致，只需要把方法一的第四个步骤里这行 var flage = $(this).is(":checked") 修改为var flage = $(this).attr('checked')即可。
![jq判断checkbox是否选中]()
保存html代码，然后使用浏览器打开，勾选checkbox选中框，即可看到弹出checkbox勾选的提示，再次点击就会弹出checkbox未选中提示。
![jq判断checkbox是否选中]()
![jq判断checkbox是否选中]()
页面所有代码。可以直接复制下面所有代码，粘贴到新建html页面，修改引入jquery路径，然后保存html代码使用浏览器打开即可看到效果。
所有代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.4.4.js">
</script>
<script type="text/javascript">
$(function(){
$("#remember").click(function(){
//var flage = $(this).is(":checked");
var flage = $(this).attr('checked')
if(flage){
alert("checkbox选中");
}else{
alert("checkbox未选中");
}
})
})
</script>
</head>
<body>
<input type="checkbox" id="remember"/>
</body>
</html>
END
