我想做一個淘寶默認(rèn)地址選中，選中一個div，就賦為選中狀態(tài)，沒有選中的則為默認(rèn)狀態(tài)<!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貢獻(xiàn)14條經(jīng)驗(yàn) 獲得超10個贊
<script>
??????? $(function(){
??????????? $(".addressBox").click(function(){
??????????????? $(this).children(".setDefault").toggle();
??????????????? $(this).children(".default").toggle();
??????????? })
??????? })
??? </script>
jquery改成這樣看看吧，不知道你是不是要這個效果
susan100
TA貢獻(xiàn)6條經(jīng)驗(yàn) 獲得超5個贊
<script>
??????? $(function(){
??????????? $(".addressBox").click(function(){
??????????????? $(this).children(".setDefault").toggle();
??????????????? $(this).children(".default").toggle();
??????????? })
??????? })
??? </script>
就是這樣
印仔
TA貢獻(xiàn)10條經(jīng)驗(yàn) 獲得超0個贊
你這不是給div中的圖片添加了顯示和隱藏么，這也不是整體的div啊?？梢詫憙蓚€css樣式，選中時用樣式1，沒選中的用樣式2！
添加回答
舉報(bào)
0/150
提交
取消