JQuery Check/Select all Checkboxes

Using JQuery, i will show how to:
– select all checkboxes in a page.
– select checkboxes within one block or selected area(table or div).
– check selective boxes within the block or page.(select boxes based on css class in block or page)

Here is the working example:

column1 column2
A
B
C
D
E
F
G
H
I
J
check All
check All from column1
check All from column2
check All Bold text checkboxes
check Bold text checkboxes from column1
check Bold text checkboxes from column2

See this in separate page and view the source if you’d like.
Or
Here is the html for above example:

Below is the code for “check all” checkboxes in whole page

Below is the code for check all checkboxes from one block or selected area called “column1”

Below is the code for check all checkboxes from one block or selected area called “column2”

Below is the code for check selected checkboxes within a page (“check All Bold text checkboxes”)

Below is the code for check all selected checkboxes within a block (“check Bold text checkboxes from column1”)

Below is the code for check all selected checkboxes within a block (“check Bold text checkboxes from column2”)


Comments

  1. By paul

    Reply

  2. By Guillermo

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Bitnami