我想做一个淘宝默认地址选中，选中一个div，就赋为选中状态，没有选中的则为默认状态<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javaScript" src="jquery.js"></script>
<style type="text/css">
.addressBox{width:200px; height:100px; background:#ccc; margin-top:20px;cursor: pointer;}
.addressBox img{padding-top:30px;}
.setDefault{display: block;}
.default{display: none;}
</style>
<script>
$(function(){
$(".addressBox").click(function(){
$(".addressBox>.setDefault").hide();
$(".addressBox>.default").show();
})
})
</script>
</head>
<body>
<div class="addressBox" id="box1">
<img class="setDefault" src="img/setDefault.png">
<img class="default" src="img/default.png">
</div>
<div class="addressBox" id="box2">
<img class="setDefault" src="img/setDefault.png">
<img class="default" src="img/default.png">
</div>
<div class="addressBox" id="box3">
<img class="setDefault" src="img/setDefault.png">
<img class="default" src="img/default.png">
</div>
</body>
</html>
3 回答
已采纳
玩意11
TA贡献14条经验 获得超10个赞
<script>
$(function(){
$(".addressBox").click(function(){
$(this).children(".setDefault").toggle();
$(this).children(".default").toggle();
})
})
</script>
jquery改成这样看看吧，不知道你是不是要这个效果
susan100
TA贡献6条经验 获得超5个赞
<script>
$(function(){
$(".addressBox").click(function(){
$(this).children(".setDefault").toggle();
$(this).children(".default").toggle();
})
})
</script>
就是这样
- 3 回答
- 0 关注
- 2199 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消