使用Jquery移动设备的圆角复选框

Question

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

http://jquerymobile.com/test/docs/forms/selects/custom.html#&ui-state=dialog

...谢谢

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/