3 つのラジオ ボタンがあり、1 つ目のボタンをクリックすると、1 つの画像が呼び出されます。2番目のボタンをクリックすると、最初の画像が消え、3番目のボタンをクリックすると消えます。jqueryを使ってやりたい..助けてください
1 に答える
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);
});
});
于 2012-07-06T20:20:13.423 に答える