Response title
This is preview!
Move this topic
Checkbox in readonly - jQuery mobile
in jQuery Mobile
•
4 years ago
I want to set jQuery mobile checkbox in readonly or in disabled but without trasparency.
How can I do it?
thanks
1
Replies(1)
Re: Checkbox in readonly - jQuery mobile
4 years ago
There's no such thing as a "readonly" checkbox. They can be disabled.
You will have to work with your desktop browser's CSS inspection/debug tools to figure it out.
Keep in mind JQM hides the checkbox HTML, and uses an ::after rule on the label to create the styled checkbox.
I fiddled with it a bit, using the example at:
but I have no incentive to spend time on it, since I haven't used JQM in my own work in years. (Nor have any other regular contributor here.)
The HTML for the disabled checkbox there:
<div class="ui-checkbox ui-state-disabled">
<label for="checkbox-t-3a" class="ui-btn ui-corner-all ui-btn-a ui-btn-icon-left ui-checkbox-off">One</label>
<input disabled="" type="checkbox" name="checkbox-t-3a" id="checkbox-t-3a" data-theme="a"
">
</div>
You'll use the ui-state-disabled class as part of your selector. I can't guess if you want to change the style of ALL or just one or some disabled checkboxes.
The JQM CSS is very complex. Good luck!
If this is a new project, I advise picking a different CSS/JS framework. JQM is a dead project, and will probably never be updated.
Leave a comment on watusiware's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to Jack Locke's question