使jquery移动复选框无法点击

Question

所以我使用的是jquery mobile，我有一个复选框和标签，形式如下：

<form class="myForm">
  <label><input checked name="myCheckBox" id="myCheckBox" onclick="return false;" onkeydown="return false;" type="checkbox">Checking</label>
</form>

现在我的问题是：我怎样才能使复选框只读？所以用户可以点击它，但它不会改变它的状态？我不想使用禁用选项！

  

注意：在您将其标记为重复之前我已搜索到答案并且可以   只找到使用无jquerymobile复选框的解决方案。他们解决了它   使用：onclick="return false"无效...在jquerymobile中你可以测试它   这个fiddle。如果删除外部资源onclick="return false"正在运行。

Answer 1

您可以使用禁用，然后覆盖灰色复选框的CSS：

.myForm .ui-checkbox.ui-state-disabled {
  opacity: 1;
}

jQM将不透明度应用于围绕增强复选框的DIV。此CSS将不透明度重置为1。

更新了 FIDDLE