请选择 进入手机版 | 继续访问电脑版

模板之家

 找回密码
 立即注册

QQ登录

只需一步，快速开始

搜索
模板之家 › 首页 › 教程频道 › 查看内容

jquery怎么判断复选框是否选中

模板之家 2021-11-25 19:01

12
分享至 : QQ空间
收藏
下一篇 上一篇

判断方法：1、利用“$(复选框元素).prop('checked')”语句，如果返回true则选中，返回false则未选中；2、利用“$(复选框元素).is(':checked')”语句，如果返回true则选中，返回false则未选中。

判断方法：1、利用“$(复选框元素).prop('checked')”语句，如果返回true则选中，返回false则未选中；2、利用“$(复选框元素).is(':checked')”语句，如果返回true则选中，返回false则未选中。

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery判断复选框是否选中

方法1：利用prop('checked')

如果返回true则选中，返回false则未选中

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					var isChecked = $('#cbx').prop('checked');
					alert(isChecked);
				});
			});
			</script>
	</head>
	<body>

		<input type="checkbox" id="cbx" /><label for="cbx">点我</label><br /><br />
		<button>判断复选框是否被选中</button>

	</body>
</html>

1.gif

方法2：利用is(':checked')

如果返回true则选中，返回false则未选中

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					var isChecked = $('#cbx').is(':checked');
					alert(isChecked);
				});
			});
			</script>
	</head>
	<body>

		<input type="checkbox" id="cbx" /><label for="cbx">点我</label><br /><br />
		<button>判断复选框是否被选中</button>

	</body>
</html>

2.gif

相关视频教程推荐：jQuery教程（视频）

以上就是jquery怎么判断复选框是否选中的详细内容，更多请关注模板之家(www.mb5.com.cn)其它相关文章！

路过
雷人
握手
鲜花
鸡蛋
来自: 网络收集
文章评论0人参与
热门频道
教程频道
热门频道
小程序开发
php教程
mysql教程
js教程
服务器运维
经验杂谈
linux命令
ecshop帮助
  • ecshop成人用品商城网站源源码模板 微信小
  • ecshop微信小程序代生成服务 可选购小程序
  • 【可选购小程序】ecshop生鲜食品蔬菜水果特
  • 【可选购小程序】ecshop医药品保健药房网站
  • ecshop百货超市日用品网站 免费生成微信小
  • ecshop办公用品文具耗材设备 免费生成微信
  • 【可选购小程序】ecshop家居家纺床上用品源
  • 【可选购小程序】ecshop户外运动体育用品健
  • ecshop整站数据打包 带数据 适合申请支付、
  • ecshop跨境购海淘微信分销商城网站源码模板
    推荐文章
  • 热门
  • 最新
最新帖子
返回顶部