チェックボックスのスタイリング - 特定の入力要素をターゲットにする

Question

一連のチェックボックス（3つのオプションを言います）の中で、関連するラベルのチェック/チェック解除時に特定の入力要素をターゲットにしたいと考えています。

はHAML

.choice-select-button 
    = check_box_tag("order[recipes][]", recipe.id, selected) 
    = label_tag do 
    = t(".step_4.tick_box_to_select") 

はHTML私は<label for="order_recipes_">設定与えるそうであれば、すなわち各<input>は同じIDが割り当てられ

<div class="choice-select-button"> 
    <input type="checkbox" name="order[recipes][]" id="order_recipes_" value="6" checked="checked"> 
    <label>Click to select</label> 
</div> 

、id="order_recipes_"をレンダリングし、ユーザ次いで '未チェック'最初の入力はid="order_recipes_"となっており、私のCSSの指示に従ってスタイルが設定されています。

choice-select-button.inputの唯一の差別化要因は、その価値です。そのような私は、ラベルfor=を与え、id="order_recipes_とvalue="6"とのinputsをターゲットとすることを考えていました。最初に、これは実践的で、第二に、このようなことをする最善の方法か、もっと簡単な方法がありますか？

ありがとうございます。 rrailsドキュメントによれば

Answer 1

：

check_box_tag（名前、値= "1"、チェック=偽、オプション= {}）リンク チェックボックスフォーム入力タグを作成します。

オプション

：無効 - trueに設定すると、ユーザーはこの 入力を使用することはできません。

その他のキーは、タグの標準HTMLオプションを作成します。

check_box_tag("order[recipes][]", recipe.id, selected, {id: recipe.id}) 

：あなたはこのような異なるIDを生成することができます