The following form contains two sets of checkboxs, one set given the className "chkboxgroup" (containing 3 checkboxs) and another no className at all (the last checkbox). The form itself has been given the className "fdCheckbox-chkboxgroup" which tells the script to create the check/uncheck buttons only for the group of checkboxs whose className includes (you guessed it), "chkboxgroup".
className
Additionally, no placeholder div is present and so the buttons are created as child elements of the form itself.
div
: classname "chkboxgroup" 1
: classname "chkboxgroup" 2
: classname "chkboxgroup" 3
The following checkbox should be left untouched by the check/uncheck action as it does not have the className "chkboxgroup":
: no classname
The following form contains two sets of checkboxs, one given the className "groupa" (containing 3 checkboxs) and another the className "groupb" (also containing 3 checkboxs). The form has been given the className "fdCheckbox-groupa fdCheckbox-groupb" which tells the script to create individual check/uncheck buttons for both groups of checkboxs.
Additionally, a placeholder div for the button creation has been positioned above both of the checkbox groups.
: classname "groupa" 1
: classname "groupa" 2
: classname "groupa" 3
The second group of checkboxs given the classname "groupb" starts here.
: classname "groupb" 1
: classname "groupb" 2
: classname "groupb" 3
Read the related post (and view the source code to get a better idea of whats going on behind the scenes).