Jquery mobile 中在列表项上使用单选按钮

 

无意中发现可以在li上实现开关按钮

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

 

 

 

 

 

 

 

 

触类旁通，终于实现了在li上增加单选按钮组

 

1. @model QGateMobile.Areas.WG32.Models.SystemConfigModel
2. @{
3.     ViewBag.Title = "系统配置";
4. }
5. @section Header {
6.     @Html.ActionLink("后退", "Index", "Home", null, new { data_icon = "arrow-l", data_rel = "back" })
7.     

   @ViewBag.Title

8. }
9.  
11.  
12.  
13.  
15.     在此完成系统配置
17. listview" data-inset="true" style="list-style-type: none;">
18.     
19. @Ajax.ActionLink("数据库更新", "UpdateDB", "Home", new AjaxOptions())

listview" data-inset="true" style="list-style-type: none;">

    

list-divider">反潜回设置

 

    

fieldcontain">

        

            反潜(同一控制器上多门反潜）

        

        

            网段(同网段多控制器共享反潜)

        

        

            区域(同区域多控制器共享反潜)

        

        @{

            string[] ss = new string[4];

            if (Model.AntiBack == 0)

            {

                ss[0] = "checked=\"checked\"";

            }

            ss[Model.AntiBackBroadcast] = "checked=\"checked\"";

        }

        

controlgroup" data-type="horizontal">

            radio" name="antiback" id="antibackRadio1" value="0" @Html.Raw(ss[0]) />

            for="antibackRadio1">禁用

            radio" name="antiback" id="antibackRadio2" value="1" @Html.Raw(ss[1]) />

            for="antibackRadio2">反潜

            radio" name="antiback" id="antibackRadio3" value="2" @Html.Raw(ss[2]) />

            for="antibackRadio3">网段

            radio" name="antiback" id="antibackRadio4" value="3" @Html.Raw(ss[3]) />

            for="antibackRadio4">区域