html - 如何使用 jQuery Mobile 在 ListView 中包含复选框？

Question

我需要显示三个不同级别的每个用户的状态。所以我有一个所有用户的 ListView 。我需要显示 3 个级别的状态(参加或不参加)。但我无法那样做。任何人都可以帮助我如何做类似于下图的事情？

我在名称下方看到复选框。但是我需要在我用蓝色绘制的右上角。

代码:

 <ul data-role="listview" data-filter="true"  style="margin-right : 5px;margin-left : 5px" id="progress_list" data-filter-placeholder="Filter Names" >
<li data-icon="false"  class="listitem"><a href="#" onClick='#'>Jashwin <input type="checkbox" name="submt_photo" id="submt_photo" class="custom" checked ><input type="checkbox" name="submt_Identity" id="submt_Identity" class="custom" ><input type="checkbox" name="submt_Address" id="submt_Address" class="custom" checked ></a></li>
    </ul>

fiddle :

http://jsfiddle.net/manjunath_r/eh6o90gp/

如果有人告诉我如何为每个复选框赋予不同的颜色，我将不胜感激。

Answer 1

看起来 position: absolute; 在 .ui-checkbox input, .ui-radio input 上导致它们相互堆叠。这是一个与它们并排的版本 http://jsfiddle.net/kdur163h/ .

如果您有权访问实际标记 - 您可以像这样调整它以移动输入。 http://jsfiddle.net/9dygszh4/ (将用户名包裹在 span 中以将其 float 到左侧，因为 float 输入会颠倒顺序。)