Question

我在谷歌搜索这个并没有。我要离开我盯着找到的东西。

我有多个单选按钮，我需要在选中时更改相应的DIV。我需要释放值，因此onlclick命令会更好。 PS：如果我可以使用fxfade而不是向上和向下滑动它也会有所帮助。

按钮

  <input type="radio" name="myRadio" value="myDiv_1" />MyDiv2<br />
    <input type="radio" name="myRadio" value="myDiv_2" />MyDiv3<br />
    <input type="radio" name="myRadio" value="myDiv_3" />MyDiv4<br />

div的

<div id="myDiv_1" class="MyDiv">Div number 1!</div>
<div id="myDiv_2" class="MyDiv">Div number 2!</div>
<div id="myDiv_3" class="MyDiv">Div number 3!</div>

我到目前为止的代码

    <script type="text/javascript">
$(document).ready(function(){

    $('.MyDiv').hide();

    $('input[name="myRadio"]').change(function(){
        var selected = $(this).val();
        $('.MyDiv').slideUp();
        $('#'+selected).slideDown();
    });

});
</script>

Answer 1

您的代码无效吗？您的slideUp()和slideDown()会同时发生，因此您可能希望使用回调（这里有我认为您想要的淡入淡出）：

$('input[name="myRadio"]').click(function() {
    var selected = $(this).val();
    $('.MyDiv').fadeOut("slow",function() {
        $('#' + selected).fadeIn("slow");
    });
});

jquery - 选择一个单选按钮crossfades div onclick

1 个答案: