-4
라디오 버튼이 3 개 있습니다. 1 번째 버튼을 클릭하면 하나의 이미지가 호출됩니다. 두 번째 버튼을 클릭하면 첫 번째 이미지가 사라지고 3 초를 클릭하면 사라집니다. 내가 jQuery를 사용하여 수행 할 ..이 demoOn 라디오 버튼 이미지가 변경되어야합니다
의 코드 샘플을 볼 수 있습니다 여기에 샘플 코드가
라디오 버튼이 3 개 있습니다. 1 번째 버튼을 클릭하면 하나의 이미지가 호출됩니다. 두 번째 버튼을 클릭하면 첫 번째 이미지가 사라지고 3 초를 클릭하면 사라집니다. 내가 jQuery를 사용하여 수행 할 ..이 demoOn 라디오 버튼 이미지가 변경되어야합니다
의 코드 샘플을 볼 수 있습니다 여기에 샘플 코드가
을 저를 도와주세요. 그러나 나는 당신이 어떤 생각을하고 있음을 보여주기 위해 몇 가지 샘플 코드를 게시 했어야한다는 것에 모두 동의한다 !!
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);
});
});
아직 시도한 바가 있습니까? –
일부 코드 – maxhud
@SanketKotak을 볼 수 있습니다.이 질문은 매우 형편 없습니다. 더 자세한 정보, 코드 또는 개인적인 노력의 힌트를 제공해야합니다. – Tyrsius