JavaScript - js div ハイライトリマインダー

Question

10 個の ps があり、クリックするとハイライト プロンプトが表示されますが、一度に 2 つまでしかクリックできません。これはチェックボックスではなく、コンテンツ、または 10 個の異なるテキスト段落を含む単純な p です。方法jsで実装するには？

Answer 1

一般的な考え方

• 各 p に selected 属性を追加します。デフォルトは false、
  p[i].checked = false;

• クリックして現在のpのchecked属性を同時に変更します、p[i].checked = !p[i].checked

• p をクリックしながら、すべての p のチェックされた属性を調べます。そのうちの 2 つがチェックされている場合は、 false を返し、それ以外の場合は、p のチェックされた属性を無効にして代入します。判断条件もいくつかありますので、アイデア次第でゆっくりと判断していただけます。

Answer 2

例を示します - -
例を直接表示します: https://jsfiddle.net/677a1m6z/1/

html

リーリー

CSS

リーリー

js

リーリー

注: ここで $('.active').eq(0) などのアクティブな要素を取得するためにインデックスの代わりに c-1 と c-2 の識別子が使用されている理由は、インデックスには連続した順序があるためです。強調表示された要素の前後の要素のいずれかが常に無効になります。