jQueryコードを使用すると、これらの数行を使用して、チェックボックスがオンまたはオフになっているときはいつでも、すべてのチェックボックス(またはそのコンテナー)のクラスを切り替えることができます。これにより、すべてのブラウザで通常のCSSコードを使用できるようになります。
$("input[type='checkbox']").click(function() {
$(this).parent().toggleClass("checked", this.checked);
});
ここでの作業例:http://jsfiddle.net/jfriend00/7jA5r/。
チェックボックスを動的に作成する場合は、の動的形式を使用して、チェックボックス.on()
を確実にキャッチできます。
個人的には、CSSスタイルのファイル機能を追加しようとする重いライブラリを使用するよりも、このような数行のコードを含むソリューションを使用したいと思います。それを使用する場合は、採用する前に、実際に何が起こっているのかを理解してください。
セレクターライブラリー自体が必要な場合は、Sizzleセレクターライブラリーは、IE6までのすべてのブラウザーを含むさまざまなブラウザーで機能します。存在する限り多くの組み込み機能を使用し、ホストブラウザが明示的な機能をサポートしていない場合は独自のコードを使用して、ホストブラウザの機能に適応します。
ここからセレクターライブラリ自体を使用することも、jQuery内のセレクターライブラリとして使用することもできます。
使い方はとても簡単です。あなたはこのようなことをするだけです:
var items = Sizzle(":checked");
セレクターに一致するDOM要素の配列があります。