Rails：2つのラジオが同じソースリストで選択

Question

これにアプローチする方法を知りたい...リスト内のオプションを選択するためのフォームの希望のUIを視覚化することをおすすめします。ユーザーはの最初の選択との2番目の選択をそれぞれのオプションにする必要があります。それぞれの列で1つだけを選択できます。その場合は、各行を選択できます。まず

私は当然、2つのラジオボタングループがうまくいくかもしれない、と思った...しかし、わからないどのように？おそらく隠されたradio_buttonのvalueは、各divのclickイベントでJavascript/JQuery経由で操作されますか？イベントは、ユーザーが両方の選択肢に対して同じオプションを選択しようとすると、「衝突」をチェック/処理する必要もあります。

または、おそらく2つの非表示のcollection_select ...またはさらに単純で、2つの非表示のtext_fields ...これは、javascriptで選択したオプションのIDを入力できますか？

また、もっと明白なものを見落としているかもしれません。

私はRubesでjavascriptを使ってアドバイス/検証を探しているので、新しい（ish）です。

ありがとうございました。

HTML：：

<form> 
    <p class="exclusiveSelection"> 
     Selection One 
     <input type="radio" name="firstColumn"/> 
     <input type="radio" name="secondColumn"/> 
    </p> 
    <p class="exclusiveSelection"> 
     Selection Two 
     <input type="radio" name="firstColumn"/> 
     <input type="radio" name="secondColumn"/> 
    </p> 
    <p class="exclusiveSelection"> 
     Selection Three 
     <input type="radio" name="firstColumn"/> 
     <input type="radio" name="secondColumn"/> 
    </p> 
    <input type="button" id="submitForm" value="Submit"> 
</form> 

はJavaScript：

$(function() { 
    $(".exclusiveSelection input[type='radio']").click(function() { 
     $exclusiveSelection = $(this).parent(); 
     $('input[type='radio']', $exclusiveSelection).attr('checked', false); 
     $(this).attr('checked', true); 
    }); 
}); 

それは値が列全体で一意であることを保証

Answer 1

私はこのようなものは、あなたが探して何だと思います行とjQuery 1.2.6 - 1.7.1で動作します。 JSFiddle exampleもあります。

これをRailsに適応させる助けが必要な場合は、私に知らせてください。ただし、それは簡単です。