Check or Uncheck All Checkboxes using jquery

August 4, 2010 | Filed Under JQuery | Comments Off

There  are different methods to check and uncheck the check boxes.

suppose that you have checkboxes like that

<input type=”checkbox”  value=”1″ name=”Items”  id=”Items1″ />
<input type=”checkbox”  value=”2″ name=”Items”  id=”Items2″ />
<input type=”checkbox”  value=”3″ name=”Items”  id=”Items3″ />
<input type=”checkbox”  value=”1″ name=”Items”  id=”Items4″ />

1- using attr() function.
$(‘#checkall’).click(function(){
$(“input[@name='Items']:checked”).attr(‘checked’,true);
});
$(‘#uncheckall’).click(function(){
$(“input[@name='Items']:checked”).attr(‘checked’,false);});

2- using attr() and removeAttr()funstions
$(‘#checkall’).click(function(){
$(“input[@name='Items']:checked”).attr(‘checked’,true);
})
$(‘#uncheckall’).click(function(){
$(“input[@name='Items']:checked”).removeAttr(‘checked’);})

Note- if your checkbox name is array type, then simple replace Items to Items[]

Comments

Comments are closed.

© PHPInterviewQuestion.com 2009 - 2012

eXTReMe Tracker