JS/Jquery复选框控制多个对应div的显隐要如何实现？
目前写出来的代码只能实现对应div的隐藏，隐藏后，再次选中复选框，其对应div并未重新显示，求助攻！<!doctypehtml><html><head><metachar...
目前写出来的代码只能实现对应div的隐藏，隐藏后，再次选中复选框，其对应div并未重新显示，求助攻！
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
</head>
<body>
<div id="dd1">淘宝</div>
<div id="dd2">新浪</div>
<div id="dd3">网易</div>
<div id="dd4">天猫</div>
</div>
<input type="checkbox" checked="checked" value="dd1" />淘宝<br />
<input type="checkbox" checked="checked" value="dd2" />新浪<br />
<input type="checkbox" checked="checked" value="dd3" />网易<br />
<input type="checkbox" checked="checked" value="dd4" />天猫<br />
<script type="text/javascript">
$(":checkbox").each(function () {
$(this).click(function () {
if ($(this).attr("checked") == "checked") {
$("#" + $(this).val()).hide();
} else {
$("#" + $(this).val()).show();
}
});
});
</script>
</body>
</html> 展开
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
</head>
<body>
<div id="dd1">淘宝</div>
<div id="dd2">新浪</div>
<div id="dd3">网易</div>
<div id="dd4">天猫</div>
</div>
<input type="checkbox" checked="checked" value="dd1" />淘宝<br />
<input type="checkbox" checked="checked" value="dd2" />新浪<br />
<input type="checkbox" checked="checked" value="dd3" />网易<br />
<input type="checkbox" checked="checked" value="dd4" />天猫<br />
<script type="text/javascript">
$(":checkbox").each(function () {
$(this).click(function () {
if ($(this).attr("checked") == "checked") {
$("#" + $(this).val()).hide();
} else {
$("#" + $(this).val()).show();
}
});
});
</script>
</body>
</html> 展开
4个回答
展开全部
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.min.js
"></script>
</head>
<body>
<div id="dd1">淘宝</div>
<div id="dd2">新浪</div>
<div id="dd3">网易</div>
<div id="dd4">天猫</div>
</div>
<input type="checkbox" checked="checked" value="dd1" />淘宝<br />
<input type="checkbox" checked="checked" value="dd2" />新浪<br />
<input type="checkbox" checked="checked" value="dd3" />网易<br />
<input type="checkbox" checked="checked" value="dd4" />天猫<br />
<script type="text/javascript">
$(":checkbox").each(function () {
$(this).click(function () {
if ($(this).attr("checked") == "checked") {
$("#" + $(this).val()).hide();
$(this).attr("checked",false);
} else {
$("#" + $(this).val()).show();
$(this).attr("checked",true);
}
});
});
</script>
</body>
</html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.min.js
"></script>
</head>
<body>
<div id="dd1">淘宝</div>
<div id="dd2">新浪</div>
<div id="dd3">网易</div>
<div id="dd4">天猫</div>
</div>
<input type="checkbox" checked="checked" value="dd1" />淘宝<br />
<input type="checkbox" checked="checked" value="dd2" />新浪<br />
<input type="checkbox" checked="checked" value="dd3" />网易<br />
<input type="checkbox" checked="checked" value="dd4" />天猫<br />
<script type="text/javascript">
$(":checkbox").each(function () {
$(this).click(function () {
if ($(this).attr("checked") == "checked") {
$("#" + $(this).val()).hide();
$(this).attr("checked",false);
} else {
$("#" + $(this).val()).show();
$(this).attr("checked",true);
}
});
});
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(":checkbox").each(function () {
$(this).click(function () {
if ($(this)[0].checked) {
$("#" + $(this).val()).hide();
} else {
$("#" + $(this).val()).show();
}
});
});
$(this).click(function () {
if ($(this)[0].checked) {
$("#" + $(this).val()).hide();
} else {
$("#" + $(this).val()).show();
}
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用prop取属性 ，$(this).prop("checked")，jquery高版本的问题
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
