使 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
所以我正在使用 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 resourcesonclick="return false"
is working.
您可以使用禁用,然后覆盖使复选框变灰的 CSS:
.myForm .ui-checkbox.ui-state-disabled {
opacity: 1;
}
jQM 将不透明度应用到增强复选框周围的 DIV。 CSS 将不透明度重置为 1。
已更新FIDDLE