Radiobutton widget
Radiobutton widget
Hello.
I'm using jQuery mobile 1.2.0 and the following markup:
<fieldset class="data-types-horizontal" data-role="controlgroup" data-type="horizontal">
<legend>
Choose data:
</legend>
<input class="data-type" name="cjr-h" id="cjr-h" value="cjr" checked="checked" type="radio" />
<label for="cjr-h">
CJR
</label>
<input class="data-type" name="languages-h" id="languages-h" value="languages" type="radio" />
<label for="languages-h">
Languages
</label>
<input class="data-type" name="titles-h" id="titles-h" value="titles" type="radio" />
<label for="titles-h">
Titles
</label>
<input class="data-type" name="user-position-h" id="user-positions-h" value="user-position" type="radio" />
<label for="user-positions-h">
All user positions
</label>
<input class="data-type" name="cust-producst-h" id="cust-products-h" value="cust-product" type="radio" />
<label for="cust-products-h">
Customer product catalogue
</label>
<input class="data-type" name="accounts-h" id="accounts-h" value="accounts" type="radio" />
<label for="accounts-h">
Accounts
</label>
</fieldset>
<fieldset class="data-types-vertical" data-role="controlgroup">
<legend>
Choose data:
</legend>
<input class="data-type" name="cjr-v" id="cjr-v" value="cjr" checked="checked" type="radio" />
<label for="cjr-v">
CJR
</label>
<input class="data-type" name="languages-v" id="languages-v" value="languages" type="radio" />
<label for="languages-v">
Languages
</label>
<input class="data-type" name="titles-v" id="titles-v" value="titles" type="radio" />
<label for="titles-v">
Titles
</label>
<input class="data-type" name="user-position-v" id="user-positions-v" value="user-position" type="radio" />
<label for="user-positions-v">
All user positions
</label>
<input class="data-type" name="cust-producst-v" id="cust-products-v" value="cust-product" type="radio" />
<label for="cust-products-v">
Customer product catalogue
</label>
<input class="data-type" name="accounts-v" id="accounts-v" value="accounts" type="radio" />
<label for="accounts-v">
Accounts
</label>
</fieldset>
Default JQM functionality wraps markup into radiobutton widget - ok, then a click on some unchecked radio turns it to checked state - ok, but then i can't uncheck it by click on it again. There's no additional code used to manipulate the markup above.