When we need a new group of elements but each must be unique on the page, this trick works well.
Classes define groups of elements. When making a group of radio buttons, we give them all the same NAME attribute. When making a group of elements, we give them all the same class. But what happens when we need to be able to identify members of that group individually?
It is necessary for each member to have its own unique ID attribute. We could generate that using String.uniqueID()
; yet, sometimes an incrementing ID scheme can be helpful and easier to read.
<script type="text/javascript" src="mootools-1.3.0.js"></script> </head> <body> <form action="" method="get"> <input id="create" type="button" value="Increment Radio Buttons"/> <input id="extract" type="button" value="Get ID of Selected Radio"/> <br/> <div class="animals"> Cat<br/> My Favorite <input class...