html 中如何实现勾选后显示指定DIV
<label><inputid="Aaa"type="checkbox"class="xi">资料补充。</label><divclass="zl">填写资料</div>...
<label><input id="Aaa" type="checkbox" class="xi">资料补充。</label>
<div class="zl">填写资料</div>
如何实现checkbox 勾选后显示class="zl"的DIV。取消勾选后隐藏？ 展开
<div class="zl">填写资料</div>
如何实现checkbox 勾选后显示class="zl"的DIV。取消勾选后隐藏？ 展开
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>:checked</title>
<style type="text/css">
div {
display:none;
}
</style>
<!--使用:checked判断就可以了，如果选择上就返回true，不是返回false，用show显示，用hide隐藏（深圳网站建设:www.sz886.com）-->
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$("#Aaa").click(function(){
if($(this).is(":checked")){
$(".zl").show();
}else{
$(".zl").hide();
}
});
});
</script>
</head>
<body>
<label><input id="Aaa" type="checkbox" class="xi">资料补充。</label>
<div class="zl">填写资料</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
