jquery全选

最新推荐文章于 2024-01-23 19:19:19 发布

王富贵Wang

最新推荐文章于 2024-01-23 19:19:19 发布

阅读量123

点赞数

分类专栏： jquery 文章标签： jquery 全选

本文链接：https://blog.csdn.net/qq_41554955/article/details/100049626

版权

jquery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

jquery全选方法要让被选择的选择框的属性为class不能为id

代码如下:
其中的其他选项框必须是class="ah"的classs属性,不能是id选择器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery-3.3.1.min.js"></script>
		<script>
		function allselect()
		{
			var flag=$("#allse").prop("checked");
			$(".ah").prop("checked",flag);
		}
		</script>
	</head>
	<body>
		
		<input type="checkbox"onclick="allselect()"id="allse">全选
		<!--
        	ps:只有class选择器可以完成全选
        -->
		<input type="checkbox"class="ah"/>红烧茄子
		<input type="checkbox"class="ah"/>土豆丝
		<input type="checkbox"class="ah"/>炸鸡
	</body>
</html>

王富贵Wang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery全选

jquery全选方法要让被选择的选择框的属性为class不能为id代码如下:其中的其他选项框必须是class="ah"的classs属性,不能是id选择器<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <scri...
复制链接

扫一扫

专栏目录