私はテーブルの2つの行を比較するソリューションを開発中です。最も基本的なテーブル構造を以下に例示する:jQueryは2つのみのチェックボックスを選択します
<table id="historyTable">
<tr>
<td><input type="checkbox" id="row_0" /></td>
<td>same</td>
<td>r0c2</td>
<td>r0c3</td>
<td>r0c4</td>
<td>r0c5</td>
</tr>
<tr>
<td><input type="checkbox" id="row_1" /></td>
<td>same</td>
<td>same</td>
<td>r1c3-different</td>
<td>same</td>
<td>same</td>
</tr>
<tr>
<td><input type="checkbox" id="row_2" /></td>
<td>same</td>
<td>same</td>
<td>r2c3</td>
<td>same</td>
<td>same</td>
</tr>
</table>
これは、データベースから移入されますので、明らかに行のn
数があるように起こっているが、それぞれの行には、命名規則を使用してDOMにチェックボックスが追加されます上記の例ではハードコードされています。
"難しい部分"がさまざまなセル値を強調していると思いましたが、それは簡単でした。難しい部分はチェックボックスを使用して2つだけが選択されていることを保証しています。
.each("td").is(":checked").id
のさまざまなテイクを使って、チェックボックスのid
プロパティを取得できましたが、選択肢を2つの選択肢に限定する方法はありません。
考え方は、2番目のチェックボックスをオンにすると、選択した行の違いを強調表示する機能が起動します。
誰かが希望の結果を達成するための方向に私を微調整できますか?
アルン - 私はそれを使用することができます。ユーザーが> 2を選択しようとすると、ユーザーにとっては直感的ではありませんが、なぜチェックボックスをクリックしているのか不思議に思うだけでなく、ルールを破ったことを知らせる簡単なフィードバックを追加できます選択します。ナッジに感謝します! – rcastagna