Use a radio button on a list item in Jquery Mobile

?

Inadvertently found that the switch button can be implemented on Li

http://jsfiddle.net/Gajotres/pzfr2/

?

?

?

?

?

?

?

?

Comprehend by analogy, finally realized the addition of radio button groups on Li

?

2. @model QGateMobile.Areas.WG32.Models.SystemConfigModel
4. @{
6. ???? Viewbag.title = " system configuration ";
8. }
10. @section Header {
12. [Email protected] (" Back ", "Index", "Home", null, new {Data_icon = "arrow-l", Data_ rel = "Back"})
14. ????
16. }
18. ?
20. <style type= "text/css" >
22. ???? #raido-container {
24. ???????? position:relative;
26. ???????? float: right;
28. ???????? margin-top: -10px!important;
30. ????}
32. ?
34. ???????? #raido-container. Ui-slider {
36. ???????????? margin-top: -50px!important;
38. ????????}
40. </style>
42. ?
44. ?
46. ?
48. <p>
50. ???? Complete the system configuration here
52. </p>
54. <ul data-role= "listview" data-inset= "true" style= "List-style-type:none;" >
56. ???? <li> @Ajax. ActionLink (" Database update ", "updatedb", "Home", new ajaxoptions ()) < /li>
58. </ul>
60. <ul data-role= "listview" data-inset= "true" style= "List-style-type:none;" >
62. ???? <li data-role= "list-divider" > Anti-submarine Settings </li>
64. ?
66. ???? <li data-role= "fieldcontain" >
68. ???????? <p>
70. ???????????? Anti-submarine (multi-door anti-submarine on same controller)
72. ???????? </p>
74. ???????? <p>
76. ???????????? Network segment (same network segment multi-controller sharing anti-submarine)
78. ???????? </p>
80. ???????? <p>
82. ???????????? Zone (multiple controllers in the same region share anti-submarine)
84. ???????? </p>
86. [Email protected] {
88. ???????????? string[] ss = new string[4];
90. ???????????? if (Model.antiback = = 0)
92. ???????????? {
94. ???????????????? Ss[0] = "checked=\" checked\"";
96. ????????????}
98. ???????????? Ss[model.antibackbroadcast] = "checked=\" checked\"";
100. ????????}
102. ???????? <div data-role= "controlgroup" data-type= "horizontal" >
104. ???????????? <input type= "Radio" name= "antiback" id= "antibackRadio1" value= "0" @ Html.raw (Ss[0])/>
106. ???????????? <label for = "antibackRadio1" > Disable </label>
108. ???????????? <input type= "Radio" name= "antiback" id= "AntibackRadio2" value= " 1"@Html. Raw (ss[1])/>
110. ???????????? <label for = "AntibackRadio2" > anti-submarine </label>
112. ???????????? <input type= "Radio" name= "antiback" id= "AntibackRadio3" value= "2" @ Html.raw (ss[2])/>
114. ???????????? <label for = "AntibackRadio3" > Network segment </label>
116. ???????????? <input type= "Radio" name= "antiback" id= "AntibackRadio4" value= "3" @ Html.raw (ss[3])/>
118. ???????????? <label for = "AntibackRadio4" > Area </label>
120. ???????? </div>
122. [Email protected]*<input type= "checkbox" data-role= "flipswitch" name= " Anti"id="anti"checked=" ">*@
124. ???? </li>
126. </ul>
128. @Scripts. Render ("~/bundles/anti")

?

?

?

Use a radio button on a list item in Jquery Mobile