使 jquery 移动复选框不可点击答案

【问题标题】：Make a jquery mobile checkbox not clickable使 jquery 移动复选框不可点击
【发布时间】：2016-09-27 22:42:41
【问题描述】：

所以我正在使用 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" 正在工作。

【问题讨论】：

我不想使用禁用选项！ 为什么？您想要实现的是该选项的确切目的。
我不想使用它，因为它会变灰。我可以避免吗？
我明白了。我去看看。
这似乎并不容易做到——即使阻止默认的vclick 行为也不起作用（可能是因为原始复选框不是最终小部件的一部分）。不过，ezanker 的解决方案应该可以工作。
是的，不过谢谢你的酷

标签： jquery html jquery-mobile checkbox

【解决方案1】：

您可以使用 disabled 然后覆盖使复选框变灰的 CSS：

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

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

更新FIDDLE

【讨论】：