如何在JQM中创建一个小方块复选框，在表格内？

Question

此代码：

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

产生这个：，这是宽的。我只想要复选框方块部分，比如复选框in this demo。只写<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交换类。