going back to the OP there is an easy method to get "starts with", and it is not necessary use each() or if  to check them

$("input[id^='chkEvent']").attr("checked","checked");
this will check *all * starting with ID = chkEvent


evanbu...@gmail.com wrote:
Thanks.  I still don't have something quite right because this isn't
working. I've added the class property to each of my event
checkboxes.

<script type="text/_javascript_">
	//check all checkbox just for the events
    $(document).ready(function() {
            $('#toggleEvents').click(
             function() {
                $(':checkbox.chkEvent').each(function() {
                    var el = $(this);
                    el.attr('checked', el.is(':checked') ? '' :
'checked');
                  })
           });
         });
</script>

On Jun 30, 12:58 pm, Eric Garside <gars...@gmail.com> wrote:
  
Is there a particular reason you couldn't use classes to do this?
Instead of the markup you provided, something like:

<input type="checkbox" value="EventAcceleratedOptionVesting"
id="chkEventAcceleratedOptionVesting" class="chkEvent" />
<input type="checkbox" value="AccountingChanges"
id="chkEventAccountingChanges" class="chkEvent" />

Then:

// Use the :checkbox instead of the old method you're using
$(':checkbox.chkEvent').each(funciton(){
    var el = $(this);
    el.attr('checked', el.is(':checked') ? '' : 'checked');

})

Would do what you're asking.

If you insist on doing it with the IDs, you can always just substr:

if ($(this).attr('id').substr(0, 8) == 'chkEvent') ...

But this method is far less efficient, and you'll be double-looping
through the tree section (once for jQuery to build an indiscriminate
collection of the nodes, then once again by your code to discriminate
the nodes and apply the check/uncheck effect)

On Jun 30, 12:38 pm, "evanbu...@gmail.com" <evanbu...@gmail.com>
wrote:



    
I want to check all of my checkboxes in my form that have an id that
begins with 'chkEvent'.  Thanks
      
<script language="_javascript_" type="text/_javascript_">
$(document).ready(function() {
   $("#toggleEvents").click(function(event){
      $('inp...@type=checkbox]').each( function() {
      
        // Begin this is where I am lost
        if($(this).id()=='chkEvent*')
        // End this where I am lost
        this.checked = !this.checked;
      });
   });});
      
</script>
      
<a href="" id="toggleEvents">Toggle Events</a>
      
<form method="post" action="">
<input type="checkbox" value="EventAcceleratedOptionVesting"
id="chkEventAcceleratedOptionVesting" />
<input type="checkbox" value="AccountingChanges"
id="chkEventAccountingChanges" />
<input type="checkbox" value="AnnualMeetingChanged"
id="chkEventAnnualMeetingChanged" />
<input type="checkbox" value="AssetSalePurchase"
id="chkEventAssetSalePurchase" />
<input type="checkbox" value="AuditorChange"
id="chkEventAuditorChange" />
</form>- Hide quoted text -
      
- Show quoted text -
    

  

Reply via email to