2012-02-07 6 views
3

イベントを作成するフォームがあります。イベントが繰り返されている場合、ユーザーは繰り返すタスクを扱う追加のフォームフィールドをロードするチェックボックスをクリックすることができます。Rails3:フォームにフィールドを追加/削除するチェックボックスを取得する方法

フォームの要素をクリックしたときにチェックボックスをオンにし、チェックボックスをオフにするとフォーム要素が表示されないようにする(または必要に応じて削除する)ようにするにはどうすればよいですか?

から変更
+1

は、あなただけのチェックボックスのクリックイベントにハンドラを入れて、関連するコンポーネントを非表示にしたり、表示しないかのですか?通常、これは$(document).readyイベントで行います。これがあなたの問題である場合、私はいくつかのコードを追加して回答を作成しようとすることができます... –

+0

それは最も簡単な解決策です。私はフォーム要素を含む部分を動的にロードしようとしていました。フォーム全体を読み込み、フォーム要素を非表示/非表示にする方がはるかに簡単です。早速お返事をいただきありがとうございます! – nslocum

+0

はるかに簡単です。 :)いくつかのサンプルコードを更新する必要がありますか、または良いですか?すべてがうまくいけば、あなた自身の質問に答えてそれを閉じることができます。 –

答えて

3
$(document).ready(function(){ 
    // Hide div 
    $(".hidden_fields").css("display","none"); 

    // Add onclick handler to checkbox w/ class 'toggle_hidden_fields' 
    $(".toggle_hidden_fields").click(function(){ 
    if ($(".toggle_hidden_fields").is(":checked")) { 
     // Show the hidden div 
     $(".hidden_fields").show("fast"); 
    } 
    else { 
     // Otherwise, hide it 
     $(".hidden_fields").hide("fast"); 
    } 
    }); 
}); 

:マルク・タルボットへhttp://iamzed.com/2006/12/14/using-jquery-to-show-hide-form-elements-based-on-a-checkbox-selection/

*帽子のヒント

関連する問題