php - Checkboxes all ticked, Do something?

Question

I'm just looking for a bit of help on the best way to do this..

So I have a sample SQL Database:

Now from that DB I have a PHP page to show checkboxes ticked if there is a "1" in the corresponding checkbox field.

What I would now like to do is:

Once both checkboxes are ticked, I would like to display a 5 second timer or a message, something of that nature, but how do I ascertain if the boxes have both been checked?

I'm guessing I would have to run a query against the whole table and work from the variable I get back?

Answer 1

変更イベントを使用できます

var i = 1, interval, timeout;
$('input[type=checkbox]').on('change', function(){

   if ($('input[type=checkbox]').length ==   $('input[type=checkbox]:checked').length) {
       $('div').show();
       interval = window.setInterval(
         function() {
           $('div').text(i++);
         },
         1000
       );
       timeout = window.setTimeout(
         function(){
           document.location = 'http://google.com/';
         },
       5000);
   }
  else {
    window.clearTimeout(timeout);
    window.clearInterval(interval);
    $('div').hide().text('0');
    i = 1;
  }
});

http://jsbin.com/uwofus/11を編集する例/http://jsbin.com/uwofus/11 をテストする例を編集

Answer 2

これを jQuery でタグ付けしたので、データベースではなくブラウザーでチェックを行いたいと思います。

if ($("input[type='checkbox']:checked").size() == 2) {
   //both boxes are checked
   //display message/start timer here
} else {
   //not all boxes are checked
}

Answer 3

チェックボックスにクラスなどを与えてから、チェックされたmycb数を数えることができます:

$('.mycb').change(function(){

    if($('.mycb').size() == $('.mydb:checked').size())
    {
        // all checkboxes are checked - do something
    }

});