Question

how would I start an onselect in jQuery Mobile when a radio button is chosen? When a user select a radio button I want page30.html (a dialog msgbox) to automatically load.

<div data-role="page" id="page29">
<div data-theme="a" data-role="header" data-position="fixed">
    <a data-role="button" data-rel="back" data-theme="b" data-icon="arrow-l" data-iconpos="left">
        Back
    </a>
</div>
<div data-role="content">
    <div data-role="fieldcontain" class="no-field-separator">
        <fieldset data-role="controlgroup" data-type="vertical">
            <legend>
            </legend>
            <input name="radiobuttons4" id="radio11" value="radio1" type="radio" />
            <label for="radio11">
                <span class="f_13">1 - </span>
            </label>
            <input name="radiobuttons4" id="radio13" value="radio13" type="radio" />
            <label for="radio13">
                <span class="f_13">2 - </span>
            </label>
        </fieldset>
    </div>
</div>
</div>

Answer 1

Try adding data-role="dialog" to page30’s page container. i.e.

<div data-role="dialog" id="page30">
    ...
</div>

Then use this in your javascript.

$(document).on('change', '#radio11', function() {
    $.mobile.changePage('page30.html');
});