做一個jQuery Mobile的複選框不可點擊

所以我用jQuery Mobile的，我有像這樣的形式複選框和標籤：
做一個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"正在工作。

來源

2016-09-27 TheWandererr

*我不想使用禁用選項！*爲什麼呢？你試圖達到的是該選項的確切目的。 –

我不想使用它，因爲它會變灰。我能避免嗎？ – TheWandererr

我明白了。我會看看。 –

您可以使用禁用，然後重寫的爲灰色複選框CSS：

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

JQM適用不透明度爲圍繞增強複選框DIV。這個CSS重置不透明度爲1

更新FIDDLE

來源

2016-09-27 14:42:41 ezanker

好，不錯，應該感謝 – TheWandererr

做一個jQuery Mobile的複選框不可點擊

回答

相關問題