在web前端中做一些类似用户资料提交的功能时，有时需要用到html的复选框，来让用户自定义选择一些默认设置好的项目，今天就来说一说，如何利用 javascript 和 jquery 来判断html复选框是否被选中。
javascript 判断 checkbox 复选框是否被选中的方法
示例1：
<!--html代码-->
<input type="checkbox" name="green" onclick="Get(this)" />绿色
<script>
function Get(e){
//每次点击都会输出当前的状态
console.log(e.checked);
}
</script>
示例2：
<!--html代码-->
<input type="checkbox" name="green" onclick="Get()" />绿色
<script>
function Get(){
var check = document.getElementsByTagName('input')[0];
//每次点击都会打印出当前的状态
console.log(check.checked);
}
</script>
输出结果：
1、checkbox复选框被选中时，输出 true ,否则输出 false
2、以上两个示例的效果相同，只是调用的方法不同而已
jquery 判断 checkbox 复选框是否被选中的方法
jquery 判断 checkbox 复选框是否被选中，可以使用 is() 和 prop() 两种方法，都非常的简单
is() 方法判断复选框是否被选中的代码：
<!--html代码-->
<input type="checkbox" name="host" id="mochu" />网站：http://www.feiniaomy.com
<script>
$('#mochu').click(function(){
console.log($(this).is(':checked'));
});
</script>
prop() 方法判断复选框是否被选中的代码：
<script>
$('#mochu').click(function(){
console.log($(this).prop('checked'));
});
</script>
注意：prop()方法只能在 jquery 1.6版本之后使用，1.6之前的版本会报错
补充内容:
在 jquery 1.6 之前的版本中，可以使用 attr() 方法来判断复选框是否被选中，但1.6之后的版本，attr()方法会返回 undefined.
示例代码：
$('mochu').attr('checked')
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 ivillcn@qq.com 举报，一经查实，本站将立刻删除。文章链接：https://www.shangraobbs.com/n/4808.html
