Question

我有3个单选按钮，单击第一个按钮时，它应该调用一个图像。在点击第二个按钮时，第一个图像应该在点击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);
    });
});

单击单选按钮图像应该更改

1 个答案: