0

だから私はプレコンテンツの最初の値で満たされた1つのテキストフィールドBODYを持っています

<%= f.input :body, :input_html  => { :value => "First Value" } %>

ここで、複数のテキスト領域のチェックボックスからテキスト領域を選択するオプションをユーザーに提供したいのですが、どうすればよいですか？より良いイラストについては、画像http://i.imgur.com/Xy4LVko.pngを参照してください

いくつかのjQueryが関係していると思います

ありがとう

4

2 に答える 2

1

はい、そうです、jqueryを使用する必要があります。チェックボックスIDが「checkbox_1」で、テキストエリアIDが「textarea_1」であると考えてください。次のようにこれを実現できます。

$(document).ready(function(e){
  $("#checkbox_1").click(function(e) {
    $("#textarea_1").focus();
  });
});

必要に応じて、チェックボックスの値にチェックを入れることもできます。

于 2013-02-27T11:49:57.667 に答える
1

チェックボックスと対応する入力をこのようにグループ化できます

<% form_for @object do |f| %>
    <div class="optional-input">
        <%= check_box_tag :attribute1 %>
        <%= f.text_area :attribute, :class => "display: none;" %>
    </div>
    <div class"optional-input">
        <%= check_box_tag :attribute2 %>
        <%= f.text_area :attribute2, :class => "display: none;" %>
    </div>
    ................
    ................

チェックボックス要素がある場合、それらは兄弟であるため、対応するテキストエリアにアクセスできます。次に、div 要素の子である各チェックボックスに on-change イベント ハンドラーをバインドできます。

$(document).ready(function(){
    $('.optional-input').find(':checkbox').change(function(){
        if($(this).is('checked')){
            $(this).siblings('textarea').show()
        }
        else{
            $(this).siblings('textarea').hide()
        }       
    })
})

うまくいくことを願っています

于 2013-02-27T13:38:54.337 に答える