トグルすべてのタブのために働いていないと、インラインテキストが

Question

を合わせ、私はそれがこのコード行が送信されたメッセージ]タブの内側に実行しないであろうということである理由を把握しようとしています。それは受信トレイ内でうまく動作しますが、送信されません。また、テキスト整列の中心スタイルがインラインで適用されているときに、ボディチェックボックスがセンタリングされていない理由を把握しようとしています。

http://jsfiddle.net/Ytx9D/3/

$('#selectall').toggle(
    function() { 
     $('.table .messages').prop('checked', true); 
    }, 
    function() { 
     $('.table .messages').prop('checked', false); 
    } 
); 

UPDATE：http://jsfiddle.net/Ytx9D/4/

Answer 1

jQueryの最初のものだけにイベントをバインドしているので、あなたはid="selectall"で1個のDOMノード以上のものを持っています。

あなたは、「受信トレイのメッセージ」内のすべての選択ボタンをクリックし、「メッセージを送信」し​​て、あなたは彼らがすべてのチェックをしている参照してくださいよ切り替えることで、これを証明することができます。

これを解決するには、名前空間を指定してクラスに変更します。

<input type="checkbox" name="messages" class="selectall hidden" /> 

次に、あなたのjQueryのは、次のようになります。

クラスにそれをChangng

$('.selectall').toggle(
    function() { 
     $(this).closest('.table').find('.messages').prop('checked', true); 
    }, 
    function() { 
     $(this).closest('.table').find('.messages').prop('checked', false); 
    } 
);