Response title
This is preview!
jquery mobile checkbox and radio button issue?
in jQuery Mobile
•
11 years ago
In jquery mobile application I am replacing a div content through ajax. In that ajax response some checkboxes and radio buttons are coming. But when they are coming by ajax I am not able to click on them. I am applying jquery mobile css on them.
I am using this code for checkbox -
<fieldset class="ui-corner-all ui-controlgroup ui-controlgroup-vertical" data-role="controlgroup"><div role="heading" class="ui-controlgroup-label">Agree to the terms:</div><div class="ui-controlgroup-controls"> <div class="ui-checkbox"><input name="checkbox-1" id="checkbox-1" class="custom" type="checkbox"><label class="ui-btn ui-btn-icon-left ui-corner-top ui-corner-bottom ui-controlgroup-last ui-btn-up-c" data-theme="c" for="checkbox-1"><span class="ui-btn-inner ui-corner-top ui-corner-bottom ui-controlgroup-last"><span class="ui-btn-text">I agree</span><span class="ui-icon ui-icon-ui-icon-checkbox-off ui-icon-checkbox-off"></span></span></label></div> </div></fieldset>
When content comes via ajax I can not check or uncheck this check box.
Plz do reply.
I am using this code for checkbox -
<fieldset class="ui-corner-all ui-controlgroup ui-controlgroup-vertical" data-role="controlgroup"><div role="heading" class="ui-controlgroup-label">Agree to the terms:</div><div class="ui-controlgroup-controls"> <div class="ui-checkbox"><input name="checkbox-1" id="checkbox-1" class="custom" type="checkbox"><label class="ui-btn ui-btn-icon-left ui-corner-top ui-corner-bottom ui-controlgroup-last ui-btn-up-c" data-theme="c" for="checkbox-1"><span class="ui-btn-inner ui-corner-top ui-corner-bottom ui-controlgroup-last"><span class="ui-btn-text">I agree</span><span class="ui-icon ui-icon-ui-icon-checkbox-off ui-icon-checkbox-off"></span></span></label></div> </div></fieldset>
When content comes via ajax I can not check or uncheck this check box.
Plz do reply.
1
