/JQueryMobile/assets/demos/1.2.0/docs/forms/radiobuttons/methods.html

https://github.com/unidevel/android · HTML · 108 lines · 82 code · 26 blank · 0 comment · 0 complexity · 42fcdae91ecd12cc50b3416d47caf31b MD5 · raw file 

    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 	<head>
    4. 

  4. 	<meta charset="utf-8">
    5. 

  5. 	<meta name="viewport" content="width=device-width, initial-scale=1">
    6. 

  6. 	<title>jQuery Mobile Docs - Radio buttons</title>
    7. 

  7. 	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile-1.2.0.css" />
    8. 

  8. 	<link rel="stylesheet" href="../../jqm/css/jqm-docs.css"/>
    9. 

  9. 	<script src="../../js/jquery-1.7.1.min.js"></script>
    10. 

  10. 	<script src="../../jqm/js/jqm-docs.js"></script>
    11. 

  11. 	<script src="../../../js/jquery.mobile-1.2.0.js"></script>
    12. 

  12. 

  13. </head>
    14. 

  14. <body>
    15. 

  15. 

  16. 	<div data-role="page" class="type-interior">
    17. 

  17. 

  18. 		<div data-role="header" data-theme="f">
    19. 

  19. 		<h1>Radio buttons</h1>
    20. 

  20. 		<a href="../../../index.html" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
    21. 

  21. 		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
    22. 

  22. 	</div><!-- /header -->
    23. 

  23. 

  24. 	<div data-role="content">
    25. 

  25. 		<div class="content-primary">
    26. 

  26. 

  27. 		<form action="methods.html#" method="get">
    28. 

  28. 

  29. 		<h2>Radio buttons</h2>
    30. 

  30. 			
    31. 

  31. 			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
    32. 

  32. 				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
    33. 

  33. 				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
    34. 

  34. 				<li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
    35. 

  35. 				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
    36. 

  36. 			</ul>
    37. 

  37. 			
    38. 

  38. 			<p>The radio button has the following methods:</p>
    39. 

  39. 

  40. 		<dl>
    41. 

  41. 			
    42. 

  42. 			<dt><code>enable</code> enable a disabled radio button</dt>
    43. 

  43. 			<dd>
    44. 

  44. 				<pre><code>
    45. 

  45.  $("input[type='radio']").checkboxradio('enable');
    46. 

  46. 				</code></pre>
    47. 

  47. 			</dd>
    48. 

  48. 			
    49. 

  49. 			<dt><code>disable</code> disable a radio button</dt>
    50. 

  50. 			<dd>
    51. 

  51. 				<pre><code>
    52. 

  52. $("input[type='radio']").checkboxradio('disable');
    53. 

  53. 				</code></pre>
    54. 

  54. 			</dd>
    55. 

  55. 			
    56. 

  56. 			<dt><code>refresh</code> update the radio button</dt>
    57. 

  57. 			<dd>
    58. 

  58.       If you manipulate a radio button via JavaScript, you must call the refresh method on it to update the visual styling.
    59. 

  59. 				<pre><code>
    60. 

  60. $("input[type='radio']:first").attr("checked",true).checkboxradio("refresh");
    61. 

  61. 				</code></pre>
    62. 

  62. 			</dd>
    63. 

  63. 			
    64. 

  64. 		</dl>	
    65. 

  65.     
    66. 

  66. 	</form>
    67. 

  67. 	</div><!--/content-primary -->
    68. 

  68. 	
    69. 

  69. 	<div class="content-secondary">
    70. 

  70. 		
    71. 

  71. 		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
    72. 

  72. 			
    73. 

  73. 				<h3>More in this section</h3>
    74. 

  74. 				
    75. 

  75. 				<ul data-role="listview" data-theme="c" data-dividertheme="d">
    76. 

  76. 				
    77. 

  77. 					<li data-role="list-divider">Form elements</li>
    78. 

  78. 					<li><a href="../docs-forms.html">Form basics</a></li>
    79. 

  79. 					<li><a href="../forms-all.html">Form element gallery</a></li>
    80. 

  80. 					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
    81. 

  81. 					<li><a href="../textinputs/index.html">Text inputs</a></li>
    82. 

  82. 					<li><a href="../search/index.html">Search input</a></li>
    83. 

  83. 					<li><a href="../slider/index.html">Slider</a></li>
    84. 

  84. 					<li><a href="../switch/index.html">Flip toggle switch</a></li>
    85. 

  85. 					<li data-theme="a"><a href="index.html">Radio buttons</a></li>
    86. 

  86. 					<li><a href="../checkboxes/index.html">Checkboxes</a></li>
    87. 

  87. 					<li><a href="../selects/index.html">Select menus</a></li>
    88. 

  88. 					<li><a href="../forms-themes.html">Theming forms</a></li>
    89. 

  89. 					<li><a href="../forms-all-native.html">Native form elements</a></li>
    90. 

  90. 					<li><a href="../forms-sample.html">Submitting forms</a></li>
    91. 

  91. 					
    92. 

  92. 	
    93. 

  93. 				</ul>
    94. 

  94. 		</div>
    95. 

  95. 	</div>		
    96. 

  96. 

  97. </div><!-- /content -->
    98. 

  98. 

  99. <div data-role="footer" class="footer-docs" data-theme="c">
    100. 

  100. 		<p class="jqm-version"></p>
    101. 

  101. 		<p>&copy; 2012 jQuery Foundation and other contributors</p>
    102. 

  102. </div>
    103. 

  103. 	
    104. 

  104. </div><!-- /page -->
    105. 

  105. 

  106. </body>
    107. 

  107. </html>
    108.