點擊單選按鈕圖像應該改變

Question

我有3個單選按鈕，點擊第1個按鈕時它應該調用一個圖像。點擊第二個按鈕時，第一個圖像應該消失，點擊3秒後應該消失。我想用jQuery來做到這一點。請幫我出

Answer 1

你可以看到在這個demo

的代碼示例，這裏是示例代碼。 但是我同意大家，你應該已經發布了一些示例代碼，以表明你正在做一些思考！

div{ 
height:50px; 
    width:50px; 
} 
.yellow{ 
background-color:yellow 
} 
.green{ 
background-color:green; 
} 
.blue{ 
background-color:blue; 
} 
.red{ 
background-color:red; 
} 
​ 
<ul> 
    <li><input type='radio' id='1' name='change'><label>red</label></li> 
    <li><input type='radio' id='2' name='change'><label>blue</label></li> 
    <li><input type='radio' id='3' name='change'><label>green</label></li> 

</ul> 

<div id='show' class='yellow'></div> 

$(document).ready(function(){ 
    $('ul>li>input').change(function(index){ 
     console.log($(this)); 
     var id = $(this).attr('id'); 
     console.log(id); 
     var cssClass = 'yellow'; 
     switch(id) 
     { 
      case '1': 
       cssClass = 'red'; 
       break; 
      case '2': 
       cssClass = 'blue'; 
       break; 
      case '3': 
       cssClass = 'green'; 
       break; 
     } 
     console.log(cssClass); 
     $('#show').removeClass().addClass(cssClass); 
    }); 
});​