checkbox selection

by merganser

HTML

<table id="checkboxWrapper">
  <tr>
    <td>
      
      
      <table>
        <tr>
          <td>
            
            <input type="checkbox" id="vehicle1" name="vehicle1" value="Bike1">
            <label for="vehicle1"> I have a bike1</label><br>
            <input type="checkbox" id="vehicle2" name="vehicle2" value="Car1">
            <label for="vehicle2"> I have a car2</label><br>
            <input type="checkbox" id="vehicle3" name="vehicle3" value="Boat2">
            <label for="vehicle3"> I have a boat3</label><br>

          </td>
          <td>
            <input type="checkbox" id="vehicle4" name="vehicle1" value="Bike4">
            <label for="vehicle4"> I have a bike4</label><br>
            <input type="checkbox" id="vehicle5" name="vehicle2" value="Car5">
            <label for="vehicle5"> I have a car5</label><br>
            <input type="checkbox" id="vehicle6" name="vehicle3" value="Boat6">
            <label for="vehicle6"> I have a boat6</label><br>


          </td>
        </tr>

      </table>

    </td>
  </tr>
</table>
<h3 id="log">
  Log here:
</h3>

JavaScript

$(document).ready(function() {

  $("input[type=checkbox]").change(setLog);

});

function setLog() {
  var count = $('#checkboxWrapper input[type=checkbox]:checked').length;

  $("#log").html("Checked:" + count);
}