click event not firing within a bootstrap radio button group
Use the change handler instead because the click are happening in the label
$(document).on('change', 'input:radio[id^="q_op_"]', function (event) { alert("click fired");});Demo: Fiddle
I had a challenge with this too. But instead of putting the eventListeners on the radio buttons, I put them on the label i.e.:
$('#d_op_1').on("click",function(){ alert("click fired"); });
Use onchange() attribute of input.
<input id="3" name="option" type="radio" style="height: 15px;width: 15px;" onchange="alert('changed')">