Radio Buttons are not getting checked on mobile devices
<p>This is my HTML. It is working perfectly fine on browsers for windows but it is not working on mobile devices both Android and iPhone. </p>

<pre><code>&lt;div&gt;
    &lt;label onclick="javascript:;" for="PaytoDriver" style="padding-right:5px; font-style: italic;font-size: 24px"&gt;
        &lt;input type="radio" name="paymentMethod" style="" id="PaytoDriver" value="1" checked="checked"&gt;
        Pay to Driver &lt;/label&gt;
    &lt;div style="clear:both;"&gt;&lt;/div&gt;
    &lt;br&gt;
    &lt;label onclick="javascript:;" for="PaybyPhone" style="padding-right:5px; font-style: italic;font-size: 24px"&gt;
        &lt;input type="radio" name="paymentMethod" style="" id="PaybyPhone" value="2"&gt;
        Pay by Phone &lt;/label&gt;
    &lt;div style="clear:both;"&gt;&lt;/div&gt;
    &lt;br&gt;
    &lt;label onclick="javascript:;" for="Paypal" style="padding-right:5px; font-style: italic;font-size: 24px"&gt;
        &lt;input type="radio" name="paymentMethod" style="" id="Paypal" value="3"&gt;
        Paypal &lt;/label&gt;
    &lt;div style="clear:both;"&gt;&lt;/div&gt;
    &lt;br&gt;
    &lt;label onclick="javascript:;" for="CardPayment" style="padding-right:5px; font-style: italic;font-size: 24px"&gt;
        &lt;input type="radio" name="paymentMethod" style="" id="CardPayment" value="4"&gt;
        Card Payment &lt;/label&gt;
    &lt;div style="clear:both;"&gt;&lt;/div&gt;
    &lt;br&gt;
&lt;/div&gt;
</code></pre>

<p><strong>Update</strong></p>

<p>Users are not able to select any of the radio buttons. not getting checked. </p>