#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2012
    Posts
    3
    Rep Power
    0

    Selecting all of the checkboxes jQuery


    I have code which displayed a person's info in a table(fields:name, surname, address, etc.) and one of the inputs is a checkbox. The code is as follows:

    $("#table").append('<tr class="trow'+j+'">'+
    '<td class="ids" id="z'+i+'">'+totrecs+'</td>'+
    '<td>'+member[i].jdate+'</td>'+
    '<td class="users"
    '<td id="contact'+i+'">'+member[i].fname+'

    '+member[i].lname+'</td>'+

    '<td id="myaddress'+i+'">'+member[i].address1+'

    '+member[i].town+'</td>'+

    '<td><input type="checkbox" name="whome" id="showMe'+i+'"'+
    'class="boxes" onclick="getMe('+i+')" /></td></tr>');
    totrecs++;
    j++;
    }

    and the button -

    <input type="button" id="selectall" title="Select All" value="Select All" />

    What I am tryin to do is program a function that when clicking a certain button all of the checkboxes will be selected/checked.

    I would appreciate any help. Thank You.
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2012
    Posts
    9
    Rep Power
    0
    Hi there,

    This does what you want.
    You should easily be able to adapt it to your script.

    HTH


    Code:
    <form id="check">
      <p>
        <label for="opt1">Option 1:</label>
        <input type="checkbox" class="check" name="opt1"/>
      </p>
      <p>
        <label for="opt2">Option 2:</label>
        <input type="checkbox" class="check" name="opt1"/>
      </p>
      <p>
        <label for="opt3">Option 3:</label>
        <input type="checkbox" class="check" name="opt1"/>
      </p>
      <input type="button" value="Select All" id="selectAll">
    </form>
    
    <script>
      $(document).ready(function() {
        $('#selectAll').click(function () {
          $('#check').find(':checkbox').attr('checked', true);
        });
      });
    </script>

IMN logo majestic logo spyfu logo threadwatch logo seochat tools logo