Loading...

Search jQuery

Search

jQuery Forum

Screen name:
aditmikeg

aditmikeg's Profile

4 Posts

77 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

How do I check a radio button from JavaScript?
[6Replies]
- 31-Dec-2010 09:43 AM
- Forum: jQuery Mobile
I Have a horizontal radio button set and I want to change the selected (checked) item from code having loaded some data via Ajax.

The html is:
2. <div data-role="fieldcontain">
3. <fieldset data-role="controlgroup" data-type="horizontal">
4. <legend>Minutes:</legend>
5. <input type="radio" name="r1" id="Radio1" value="0" checked="checked" />
6. <label for="Radio1">0</label>
8. <input type="radio" name="r1" id="Radio2" value="15" />
9. <label for="Radio2">15</label>
11. <input type="radio" name="r1" id="Radio3" value="30" />
12. <label for="Radio3">30</label>
14. <input type="radio" name="r1" id="Radio4" value="45" />
15. <label for="Radio4">45</label>
17. </fieldset>
18. </div>
I have tried the obvious setting the underlying radio button attribute to checked something like
1. $('#Radio4').attr('checked', true);
and I have tried triggering a click event on the button with
1. $('#Radio4').click();
I suspect i need the equivalent of a click on the <span> that jQM puts on top of the radio button element but i can't see how to do that. Any ideas?

A button with a link in a list element is activated wherever the click
[2Replies]
- 30-Dec-2010 12:16 PM
- Forum: jQuery Mobile
Is this a bug or a feature?

If I place a button inside a list element then any tap or click within the list element activates the button link - the data-role = "button" is ignored and the link is applied to the <li> and the <input> which can make data entry problematic.
2. <li>
3. <div class="ui-grid-a>
4. <div class="ui-block-a">
5. <div data-role="fieldcontain">
6. <label for="holiday">Holiday taken</label>
7. <input type="number" id="holiday" value="0.00" style="width: 5em;" />
8. </div>
9. </div>
10. <div class="ui-block-b">
11. <a href="#holidayCalc" data-rel="dialog" data-role="button" data-icon="plus" data-iconpos="right" id="aC">Calculate</a>
12. </div>
13. </div>
14. </li>

Tips on reducing vertical spacing
[1Reply]
- 30-Dec-2010 10:21 AM
- Forum: jQuery Mobile
Are there any tips on reducing vertical spacing? Is there a straightforward solution to this without creating a custom CSS set?

Example would be:
2. <div data-role="fieldcontain">
3. <label for="tbsPaid">Paid Hours:</label>
4. <input type="text" id="tbsPaid" value="0" />
5. </div>
6. <div data-role="fieldcontain">
7. <label for="tbsPay">Payments:</label>
8. <input type="text" id="tbsPay" value="0" />
9. </div>
10. <div data-role="fieldcontain">
11. <label for="tbsHol">Holiday:</label>
12. <input type="text" id="tbsHol" value="0.0 weeks" />
13. </div>
14. <input type="button" value="Edit" id="btnEdit" />
Where the spacing places the button below the bottom of the screen on a Nexus S (so plenty of available screen real estate).

Radio Buttons in a list element do not work
[6Replies]
- 30-Dec-2010 06:37 AM
- Forum: jQuery Mobile
I am trying to lay out a series of controls in a vertical list. Some controls work fine when embedded in a list element but a radio button control group does not respond to user selection. Any ideas? Code snip below:
2. <li>
3. <div data-role="fieldcontain">
4. <fieldset data-role="controlgroup" data-type="horizontal">
5. <legend>Minutes:</legend>
6. <input type="radio" name="rcMins" id="rcMins0" value="0" checked="checked" />
7. <label for="rcMins0">0</label>
9. <input type="radio" name="rcMins" id="rcMins1" value="15" />
10. <label for="rcMins1">15</label>
12. <input type="radio" name="rcMins" id="rcMins2" value="30" />
13. <label for="rcMins2">30</label>
15. <input type="radio" name="rcMins" id="rcMins3" value="45" />
16. <label for="rcMins3">45</label>
18. </fieldset>
19. </div>
20. </li>

«Prev
Next »