1，用RadioButten（或CheckBox）实现div的显示与隐藏
<!DOCTYPE html>
<html>
<head runat="server">
<title>
用RadioButten（或CheckBox）实现div的显示与隐藏
</title>
</head>
<body>
<form ;
}
}
</script>
</html>
2， 更换 radio 背景样式选中
<!DOCTYPE html>
<html>
<head runat="server">
<title>
更换 radio 背景样式选中
</title>
<style type="text/css">
#settledrunning{
width: 100%;
height:79px;
position: absolute;
}
.sex{
width:25px;
height: 25px;
position: absolute;
opacity: 0;
z-index: 3;
}
.sex1{
margin-left: 8px;
margin-top: 5px;
}
.dianji{
width:25px;
height:25px;
position: absolute;
background: url("./image/checkBox_unCheck.png") no-repeat;
z-index: 2;
}
.dianji1{
margin-left: 8px;
margin-top: 5px;
}
#settledrunning input:checked + .dianji{
background: url("./image/checkBox_Check.png") no-repeat;
}
.settled{
width: 131px;
height:38px;
background: url(./image/btnBg.png) no-repeat;
position: absolute;
top: 15px;
left: 50px;
}
.running{
width: 131px;
height:38px;
background: url(./image/btnBg.png) no-repeat;
position: absolute;
top: 15px;
left: 195px;
}
.settled-txt{
margin-top: 7px;
margin-left: 42px;
font-size: 13px;
color: #153d6c;
}
.running-txt{
margin-top: 7px;
margin-left: 42px;
font-size: 13px;
color: #153d6c;
}
</style>
</head>
<body>
<div >Running</p>
</div>
</div>
</body>
</html>