Question

首先，我在这里搜索过去一小时，看看我在发布之前是否找到了问题的答案，但你是我最后的希望！我找到了一段几乎可以按照我的意愿工作的代码，但并不完全。

我需要摆脱淡入和淡出。
我需要脚本来检查onload哪个单选按钮被选中并显示正确的div。

这是我的代码：

 <input type="radio" name="d_method" class="c_email"/>Email   
 <input name="d_method" type="radio" class="c_collection"/>Colletion 
 <input name="d_method" type="radio" class="c_post"/>Post

 <div id="c_email" style="display:none;">
   email textbox
 </div>
 <div id="c_collection" style="display:none;">
   collection textbox
 </div>
 <div id="c_post" style="display:none;">
   post textbox
 </div>

这是jquery：

 $(':radio').change(function() {
     var itemSelector = '#' + $(this).attr('class');
     $('div').stop().fadeOut(function() {
         $(itemSelector).fadeIn();
     });
 });

Answer 1

试试这个

$(function(){
    $(':radio').click(function() {
        $('#' + $(this).attr('class')).fadeIn().siblings('div').hide();
    })
    .filter(':checked').click();//trigger the click event
});

工作演示 - http://jsfiddle.net/H8VVP/1/

jquery - 根据单选按钮检查显示div？

1 个答案: