圓形複選框使用jquery移動

我想創建使用jquery移動的圓形樣式複選框。在下面的鏈接，在多重選擇下，選擇選項選擇菜單，我看到了這種類型的複選框。是否有可能在JQM的listview中創建這種類型的複選框？圓形複選框使用jquery移動

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

謝謝...

2012-03-26 Subha

<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>

來源

2012-03-26 08:07:54 codaniel

感謝您的回覆。是的，我需要這樣的複選框，但不是圖標格式。用戶應該啓用或禁用他/她自己的願望複選框，而不是上述默認的開/關狀態。我想以四捨五入格式設置JQM表單元素複選框。那可能嗎？ – Subha 2012-03-26 08:41:51

這段代碼使得對列表視圖圓邊，你可以有任何元素裏面：

<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/

來源

2012-03-26 08:10:01 uday

圓形複選框使用jquery移動

回答

相關問題