jquery-mobile - 如何在表格内的 JQM 中创建一个小方形复选框？

Question

这段代码：

<td>
    <label>
        <input type="checkbox">
    </label>
</td>

产生这个：，它很宽。我只想要复选框方形部分，就像这个演示中的复选框一样。编写只<td><input type="checkbox"></td>创建简单的复选框（不是 JQM 样式），因为它在表格内。

有人有简单的解决方案吗？

Answer 1

首先，您将无法自定义默认开发的 HTML 控件。我的意思是从复选框中取出正方形部分。

您共享的链接是在 css 类和图像的帮助下完成的。

最初。

<label class="ui-btn ui-btn-icon-left ui-btn-corner-all ui-checkbox-on 
ui-btn-up-c" data-theme="c" for="selectRow-2">
<span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true">
<span class="ui-btn-text">
</span>
<span class="ui-icon ui-icon-shadow ui-icon-checkbox-on">
</span>
</span>
</label>

稍后，当您在 java 脚本的帮助下单击正方形时，它们刚刚交换了类。

<label class="ui-btn ui-btn-icon-left ui-btn-corner-all ui-checkbox-off ui-btn-up-d" 
data-theme="d" for="selectRow-1">
<span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true">
<span class="ui-btn-text">
</span>
<span class="ui-icon ui-icon-shadow ui-icon-checkbox-off">
</span>
</span>
</label> 

最简单的方法是在布局中使用类似的东西并用 JS 交换类。