怎样在html中用radio控制多行的显示与隐藏
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
$("#aaa :checkbox").each(function(){
$(this).click(function(){
var bl=$(this).attr("checked");
if(bl=="checked"){
var id=$(this).val();
$("#"+id).css("display","none");
}else{
var id=$(this).val();
$("#"+id).css("display","block");}
})
});
});
</script>
</head>
<body>
<div id="aaa">
<input type="checkbox" name="rad" value="1">
1
<input type="checkbox" name="rad" value="2">
2
<input type="checkbox" name="rad" value="3">
3
<input type="checkbox" name="rad" value="4">
4 </div>
<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>
<div id="4">4</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
$("#aaa :checkbox").each(function(){
$(this).click(function(){
var bl=$(this).attr("checked");
if(bl=="checked"){
var id=$(this).val();
$("#"+id).css("display","none");
}else{
var id=$(this).val();
$("#"+id).css("display","block");}
})
});
});
</script>
</head>
<body>
<div id="aaa">
<input type="checkbox" name="rad" value="1">
1
<input type="checkbox" name="rad" value="2">
2
<input type="checkbox" name="rad" value="3">
3
<input type="checkbox" name="rad" value="4">
4 </div>
<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>
<div id="4">4</div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
