複数のチェックボックスをGmailのようにチェック

Question

Gmailの動作をチェックボックスでコピーしようとしていますが、範囲全体をクリックして別のアイテムをシフトクリックすると、その間のチェックボックスが変わります。

しかし、FirefoxとChromeの間に互換性の問題があります。チェックボックスをクリックするとうまくいきますが、ラベルを何とかクリックすると、Shiftキーを押したときにFirefoxが変更を引き起こさないため、処理が非常に異なります。

You can check and test my code here.

明らかにFirefoxとラベルとのトラブルがあると、私はチェックボックスのchange()をトリガーしようとしましたが、それは逆方向のチェックボックスの動作を動作しますが、私はpreventDefault()とラベルのイベントを「リセット」試してみましたchange()イベントを起動して問題が同じように見えるが、今のところChromeにはというバグがある（これは何とか正しい方法だと思う、最初に同化する）。

簡単な方法はブラウザを検出することですが、すべてのWeb開発者は、ブラウザではなく問題を特定する方が良いと言います。また、indexOf()をサポートしていないため、IEでは動作しません。

ありがとうございます！

Answer 1

Firefoxでテキストを強調表示するときに何らかの理由でタグの動作が異なっています。私はそれが失敗している理由は、シフトを押したままラベルをクリックするとボックスをチェックしないため、ラベル付きイベントが発生しないからです。 http://jsfiddle.net/xerf/Prxdn/10/

これは、両方のWebKitとFirefoxで動作します：

はこれをチェックしてください。タグをスパニングするようにラベルを変更しました。 CSSを少し使って、パディングを修正することができます。