jquerycheckbox是否选中-jquery 判断 checkbox 复选框是否被选中的方法

在web前端中做一些类似用户资料提交的功能时，有时需要用到html的复选框，来让用户自定义选择一些默认设置好的项目，今天就来说一说jquerycheckbox是否选中，如何利用 javascript 和 jquery 来判断html复选框是否被选中。

javascript 判断 checkbox 复选框是否被选中的方法

示例1：

绿色

 function Get(e){
 //每次点击都会输出当前的状态
 console.log(e.checked);
 }

示例2：

绿色

 function Get(){
 var check = document.getElementsByTagName('input')[0];
 //每次点击都会打印出当前的状态
 console.log(check.checked);
 }

输出结果：

注意：

1、checkbox复选框被选中时，输出 true ,否则输出 false

2、以上两个示例的效果相同，只是调用的方法不同而已

jquery 判断 checkbox 复选框是否被选中的方法

jquery 判断 checkbox 复选框是否被选中，可以使用 is() 和 prop() 两种方法jquerycheckbox是否选中，都非常的简单

is() 方法判断复选框是否被选中的代码：

网站：http://www.feiniaomy.com

 $('#mochu').click(function(){
 console.log($(this).is(':checked'));
 });

prop() 方法判断复选框是否被选中的代码：

 $('#mochu').click(function(){
 console.log($(this).prop('checked'));
 });

注意：prop()方法只能在 jquery 1.6版本之后使用，1.6之前的版本会报错

补充内容:

在 jquery 1.6 之前的版本中，可以使用 attr() 方法来判断复选框是否被选中，但1.6之后的版本，attr()方法会返回 undefined.

示例代码：

$('mochu').attr('checked')

限时特惠：本站每日持续更新海量展厅资源，一年会员只需29.9元，全站资源免费下载
站长微信：zhanting688

htebazile普通用户

收藏 海报 链接