2016-07-26 9 views
0

私は自分の仕事のためのレールアプリケーションを開発しています。私はフォームを動的にするためにコーヒースクリプトを使用する方法を知っています。ここでCoffeeScriptを使用して動的フォームを作成するにはどうすればよいですか?

は私_form.html.erbのサンプルです:

<tr> 
    <td> 
     <strong class="col-md-3">L'OCS est-il maintenu ?</strong> 
     <div class="col-md-3"> 
     <%= f.check_box :maintenance, label: "", :class => 'towatch' %> 
     </div> 
     <strong class="col-md-2">TMA</strong> 
     <div class="col-md-3"> 
     <%= f.collection_select(:tma_id, Entity.all.order(:name), :id, :name, prompt: 'Choisissez une TMA', :class => 'toset', hide_label: true) %> 
     </div> 
    </td> 
    </tr> 

は私が小切手帳がチェックされている場合は、専用のコレクションにアクセスできるようにしたいです。

# Display if already checked 
if $(".towatch:checked") 
    $(".toset").toggle() 

# Toggle on change 
$(".towatch").change -> 
    $(".toset").toggle() 

このコーヒースクリプトは動作しません。

は、ここに私のコーヒースクリプトです。なぜ誰かが私に説明して、それを動作させる方法を教えてもらえますか?

+0

が重複する可能性を選択](http://stackoverflow.com/questions/18421082/show-hide-div-if-checkbox-selected) –

答えて

0

最後に、それは私がそのトグルを得れば)(、かなり簡単だった使用することをお機能しなかった、代わりに私はこのようなCSSのattribut変更:チェックボックスの場合は、[表示/非表示のdivの

##### Toggle TMA field if OCS is maintain #### 
# Display if already checked 
if $('.towatch').prop('checked') == false 
    $('.toset').css('display','none') 

# Toggle on change 
    $('.towatch').change -> 
    if $('.towatch').prop('checked') 
     $(".toset").css('display','block') 
    else 
     $('.toset').css('display','none') 
関連する問題