使用Jquery mobile将复选框取整

Question

我正在尝试使用Jquery mobile创建圆角样式的复选框。在下面的链接中，在多次选择下，选择选项选择菜单我看到的这种类型的复选框。是否可以在JQM的列表视图中创建这种类型的复选框？

http://jquerymobile.com/test/docs/forms/selects/custom.html#&ui状态=对话框

谢谢。。。

Answer 1

<ul data-role="listview" id="options">
    <li data-icon="checkbox-off"><a>test</a></li>
    <li data-icon="checkbox-on"><a>test</a></li>
</ul>

Answer 2

这个代码片段为listview制作了圆形边缘，您可以在其中包含任何元素：

<ol data-role="listview">
                    <li class="ui-corner-bottom ui-corner-top" data-theme="a" ><a href="#">List Item 1</a></li>
                    <li class="ui-corner-bottom ui-corner-top" data-theme="a"><a href="#">List Item 2</a></li>
                    <li class="ui-corner-bottom ui-corner-top" data-theme="a"><a href="#">List Item 3</a></li>
    </ol>

点击此处查看演示

http://jsfiddle.net/qXr79/5/