使 jquery 移动复选框不可点击

Make a jquery mobile checkbox not clickable

所以我正在使用 jquery 移动设备,我有一个复选框和标签,格式如下:

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

现在我的问题来了:如何将复选框设置为只读?所以用户可以点击它但它不会改变它的状态?我不想使用禁用选项!

NOTE: Before you mark it as a duplicate ive searched for answers and could only find solutions using none jquerymobile checkboxes. They solved it with: onclick="return false" which is not working... in jquerymobile you can test it with this fiddle. If you remove the external resources onclick="return false" is working.

您可以使用禁用,然后覆盖使复选框变灰的 CSS:

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

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

已更新FIDDLE