一連のラジオ スタイルのボタン グループ (Bootstrap を使用して作成) があり、それぞれに文字のラベルが付けられています。クリックしたボタンに応じて、関連する文字を「はい」または「いいえ」の行に配置する必要があります。たとえば、Yes
ラベルに関連付けられたボタンをクリックA
するとA
、「はい」行に表示されます。アイデアを説明するフィドルを次に示します: http://jsfiddle.net/A38Ap/
「クリック」イベント コールバックは、Bootstrap でクリックされたボタンにクラスが追加される前に発生することに注意してください。.active
追加の要件として、「はい」と「いいえ」の行の文字の順序は、上記のボタン グループの順序に従う必要があります。たとえば、 と の両方C
で[はい] がクリックされた場合A
、クリックされた順序に関係なく、C
常にA
[はい] 行の前に表示されます。これは、グループがグループ (左から右) のC
前にあるためです。A
上記のフィドルはこの追加の要件を満たしていないため、効率的な方法を考えるのに苦労しています。なにか提案を?