2012-07-06 2 views
-4

라디오 버튼이 3 개 있습니다. 1 번째 버튼을 클릭하면 하나의 이미지가 호출됩니다. 두 번째 버튼을 클릭하면 첫 번째 이미지가 사라지고 3 초를 클릭하면 사라집니다. 내가 jQuery를 사용하여 수행 할 ..이 demoOn 라디오 버튼 이미지가 변경되어야합니다

의 코드 샘플을 볼 수 있습니다 여기에 샘플 코드가

+1

아직 시도한 바가 있습니까? –

+0

일부 코드 – maxhud

+1

@SanketKotak을 볼 수 있습니다.이 질문은 매우 형편 없습니다. 더 자세한 정보, 코드 또는 개인적인 노력의 힌트를 제공해야합니다. – Tyrsius

답변

0

을 저를 도와주세요. 그러나 나는 당신이 어떤 생각을하고 있음을 보여주기 위해 몇 가지 샘플 코드를 게시 했어야한다는 것에 모두 동의한다 !!

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); 
    }); 
});​