Checked radio button in jquery-ui dialog window

Question

I created simple dialog window using jquery-ui. It's look like this:

<div id="dialog-form" title="Add Attribute Category">
    <input type="radio" id="priceable" name="price" value="true" checked="checked"/> Priceable
    <input type="radio" id="priceless" name="price" value="false"/> Priceless
</div>

This code works only in Firefox.

enter image description here

In other browsers like Chrome or IE all radio buttons not checked.

enter image description here

Maybe someone can help me and give advice?

Sorry for my bad English.

UPDATE add whole picture in chrome

enter image description here

the same dialog box in firefox

enter image description here

Remove =checked and it should work - although your code works fine on all three browsers on my system :s — PsychoMantis
– PsychoMantis, Commented Jan 21, 2014 at 8:42
this didn't help. although your code works fine on all three browsers if I create simple html page and past this code into body it also work fine on my machine, but I need to create dialog window with radio buttons — Aliaksei Bulhak
– Aliaksei Bulhak, Commented Jan 21, 2014 at 8:44

shruti · Accepted Answer · 2014-01-21 08:51:59Z

2

enter image description here try:

<div id="dialog-form" title="Add Attribute Category">
<input type="radio" id="priceable" name="price" value="true" checked/> Priceable
<input type="radio" id="priceless" name="price" value="false"/> Priceless
</div>

but surprisingly your code works very fine on my system..

edited Jan 21, 2014 at 8:51

answered Jan 21, 2014 at 8:43

shruti

7909 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Aliaksei Bulhak Over a year ago

look at my comment below the question

PsychoMantis Over a year ago

without ="checked" :p

Aliaksei Bulhak Over a year ago

I remove =checked but this has not any effect

Aliaksei Bulhak Over a year ago

I add picture of my dialog box opened in chrome. and you can see that this not help

shruti Over a year ago

see the picture in my answer

Manish Jangir · Accepted Answer · 2014-01-21 08:52:05Z

0

Try this one

<div id="dialog-form" title="Add Attribute Category">
<input type="radio" id="priceable" name="price" value="true" checked ="checked"> Priceable
<input type="radio" id="priceless" name="price" value="false"/> Priceless
</div>

answered Jan 21, 2014 at 8:52

Manish Jangir

5,4576 gold badges49 silver badges79 bronze badges

Collectives™ on Stack Overflow

Checked radio button in jquery-ui dialog window

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related