ansaurus

Question

jQuery: How to use the same widget multiple times on a single page

Answer 1

+1 A:

   $(function(){
            $("#radioset2").buttonset();
        }
<div id="radioset2">

Or you could use

$(".radioset").buttonset();

Wich would select the radioset class not the id so you could have many.

To address your comment:

$(function(){
                $("#radioset1").buttonset();
                $("#radioset2").buttonset();
            }

<form name="form1" style="margin-top: 1em;"> 
            <div id="radioset1"> 
                <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
                <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label> 
                <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
            </div> 
</form>
<form name="form2" style="margin-top: 1em;"> 
            <div id="radioset2"> 
                    <input type="radio" id="radioAgain1" name="radio" /><label for="radio1">Choice 1</label>
                    <input type="radio" id="radioAgain2" name="radio" checked="checked" /><label for="radio2">Choice 2</label> 
                    <input type="radio" id="radioAgain3" name="radio" /><label for="radio3">Choice 3</label>
                </div> 
        </form>

I see no reason for the above not to work.

Iznogood 2010-08-29 15:36:18

Pretty sure jquery needs them to be something1 something2. Try it out. You CAN have many radiosets on a page its trivial.

Iznogood 2010-08-29 16:03:14

You're right but with one critical addition - the two radio sets need to be in seperate forms, or else all the radio buttons are tied together. Actually I don't see the logic in that, but I tested it and that was the differentiating element. @lznogood - do the change and I'l accept your answer.

Jonathan 2010-08-29 17:01:19

@Jonathan Done!

Iznogood 2010-08-29 17:04:45

ansaurus

tags:

views:

answers:

jQuery: How to use the same widget multiple times on a single page

related questions