enable-disable-html-elements-in-table-using-jquery

Today we will see how to toggle HTML elements in table by enabling or disabling them column wise with the help of check boxes. We will make use of few of the JQuery functions.

First of all we will make a grid of html elements, like text boxes here (we can use other elements select options etc. for same). Basically all the elements in each column will have a class associated with it and when check boxes in specific column will be checked, html elements in that specific column will be disabled and vice versa.

Check out the below example:

LIVE DEMO
CLICK HERE FOR LIVE DEMO