0

チェックボックスでいっぱいのテーブルがあります。各行は 1 つのイベントであり、各チェックボックスはそのイベントのために完了する必要があるタスクです。チェックボックスを選択したユーザーのイニシャルに置き換えたいです。また、クリックしたチェックボックスの下の div を選択できるようにして、イニシャルが含まれているので表示できるようにしたいと考えています。また、Ruby on Rails を使用しています。

<td class='completed_box'  id='complete_raw_footage_<%= check_list.id %>'>
        <%= f.check_box :raw_footage_check, :class => 'task_check', :id => 'check_list_raw_footage_check_' + check_list.id.to_s, :category => 'raw_footage', :check_list_id => check_list.id, :style => ("display:none" if check_list.raw_footage_user_id != nil) %>    
        <div class='initials' style="<%= 'display:none;' if check_list.raw_footage_user_id == nil %>">
            <div id='raw_footage_<%= check_list.id %>' title='<%= check_list.event.name %>' class='hidden_dialog'>
                    <b>Task Completed:</b> Raw Footage Recieved <br />
                    <b>Task Completed By:</b> <%= check_list.raw_footage_user_id.name rescue current_user.name %><br />
                    <b>Task Completed At:</b> <%= check_list.raw_footage_date.strftime("%F %r") rescue Time.now.strftime("%F %r") %>
            </div>
            <%= check_list.raw_footage_user_id.initials rescue current_user.initials%> <br />
            <%= check_list.raw_footage_date.strftime("%-m/%d") rescue Time.now.strftime("%-m/%d") %>
        </div>
    </td>

そのため、クラス「task_check」のチェックボックスをクリックすると、次のクラス「イニシャル」のみが検出され、css が display:inline に変更されます。さらに情報が必要な場合は、お知らせください。

$('.completed_box').children('.initials').css('display','inline')

それは私が最初に使用したものですが、クラスのイニシャルを含むすべてのdivをdisplay:inlineに変えます。

4

3 に答える 3

0

CSSでもできます。

.task_check:checked + .initials{display:inline-block;}

W3School によると、すべての主要なブラウザでサポートされるはずです。

于 2013-04-26T14:40:30.203 に答える