公开非公开单选

最新推荐文章于 2024-09-18 22:41:24 发布

dongsdh

最新推荐文章于 2024-09-18 22:41:24 发布

阅读量125

点赞数 1

分类专栏：表单处理

本文链接：https://blog.csdn.net/dongsdh/article/details/84860194

版权

表单处理专栏收录该内容

17 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<style>
		.checkbox>div{
			display: inline-block
		}
		.checkitem{
			margin-left: 6px;
		}
		.checkitem>b{
			display: inline-block;
			width: 20px;height: 20px;
			background: url(checkno.png)no-repeat;
			vertical-align: middle;
			cursor: pointer;
		}
		.checkitem>b.active{
			background: url(checkyes.png)no-repeat;
		}
		.checkitem>span{
			margin-left: 6px;
			vertical-align: middle;
		}
	</style>
</head>
<body>
	
	<div class="checkbox">
		<div class="checkitem"><b shareFlag="-1"></b><span>公开</span></div>
		<div class="checkitem"><b shareFlag="3"></b><span>非公开</span></div>
	</div>
	
	<script src="jquery.min.js"></script>
	<script>
		$(function(){
			$(".checkbox").on("click","b",function(){
				var sd = $(this).attr("shareFlag");
			  	$(this).addClass("active").parent().siblings().find("b").removeClass("active");
			})
		})
	</script>
</body>
</html>

图标：