0

まず、ここで過去1時間検索して、投稿する前に質問に対する回答が見つかったかどうかを確認しましたが、あなたが私の最後の希望です。ほぼ希望どおりに機能するコードを見つけましたが、完全ではありません。

  • フェードインとフェードアウトを取り除く必要があります。
  • どのラジオボタンがチェックされているかをオンロードでチェックし、正しい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();
     });
 });
4

1 に答える 1

3

これを試して

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

作業デモ-http://jsfiddle.net/H8VVP/1/

于 2012-05-01T17:01:34.657 に答える