javascriptのチェックボックスコンテナ - これを書くための簡単な方法がある

Question

私はチェックボックスだけでなく、コンテナもクリックしたときにチェックボックスをチェックしようとしています。私が直面した問題は、それはコンテナをクリックしていたので、2回発射しました。私はうまく動作するように見える次のソリューションを思いついたが、私はこれを行うための簡単な方法があると感じている、私は本当に短いとコンパクトなjavascriptを学ぶために探しているので、任意のアドバイスが役立つだろう:)

http://jsfiddle.net/masedesign/8q5TQ/

Answer 1

$(function(){ 
    $('td.cell input').click(function(e){ 
     e.stopPropagation(); 
    }); 

    $('td.cell').click(function(){ 
     $(this).find('input').click(); 
    }); 
});​ 

e.stopPropagation()方法は、バブリングからのイベントを防止します。

Answer 2

楽しみのためだけに、私はjavascriptをせずに同じ効果を達成しようとした：http://jsfiddle.net/g6Sx7/2/（ただし」の場合：このフィドルを見て、あなただけの新しいブラウザで動作する、純粋なCSSのソリューションに興味があるなら（それは:checked pseudoclassesに依存しています）興味を持って再私は古いIE用のjsフォールバックとそれを向上させることができます）

編集：JSとフィドルは、フォールバック：http://jsfiddle.net/g6Sx7/7/このコードはIE6でも正常に動作する必要がありますが、ここでの問題は、CSSのサポート（隣接兄弟演算子についてです+はIE6ではサポートされていません）：全体のエフェクトはそこでは機能しませんが、とにかくブラウザのボックスシャドウを持つことはできません...だから、大きな問題ではないと思います。

Answer 3

チェックボックスをオンにしたときに他のタスクを実行していない場合、つまり、あなたが書いたjsはボックスをクリック可能にするためのものです.JSではなくCSSアプローチをとることをお勧めします。ここ

がhttp://jsfiddle.net/8q5TQ/6/

注作業例です：これは（私のマシンにインストールされた最新の）IE7/8月9日FFで動作とChrome（最新のは私のマシンにインストール）

更新：（ウルを読んだ後に私はIE6を持っていない（申し訳ありません）が、quirkのモードで試してうまくいきます。これが助けて欲しいと思っています:)