Input Check Label blocks javascripting checking of checkbox
I have tried to replicate this on jsfiddle, but there doesn't seem to be an issue. The issue seems to be with JQM. I have tested the real file in chrome@windows and chrome@android using JQM 1.4.5 and the issue seems to be there on both devices.
I have an android application with a webview reading local jqm files. On document ready I am checking if the checkbox should be checked or not. However when I use a label it won't display the updated checked state.
This works, but removes jqm checkbox styling.
- <fieldset data-role="controlgroup">
- <input type="checkbox" name="checkbox-1a" id="data-marked" />
- <test for="data-marked">Marked?</test>
- </fieldset>
This doesn't display the checked state:
- <fieldset data-role="controlgroup">
- <input type="checkbox" name="checkbox-1a" id="data-marked" />
- <label for="data-marked">Marked?</label>
- </fieldset>
If there is a way of bypassing the use of a label that should solve the problem.