SO - 20832568

by Arun P Johny

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.js"></script>
<div id="q_opt" class="btn-group" data-toggle="buttons">
    <label class="btn btn-default active" id="d_op_0">
        <input id="q_op_0" name="op" type="radio" value="0" />22%</label>
    <label class="btn btn-default" id="d_op_1">
        <input id="q_op_1" name="op" type="radio" value="1" />19%</label>
    <label class="btn btn-default" id="d_op_2">
        <input id="q_op_2" name="op" type="radio" value="2" />11%</label>
    <label class="btn btn-default" id="d_op_3">
        <input id="q_op_3" name="op" type="radio" value="3" />42%</label>
    <label class="btn btn-default" id="d_op_4">
        <input id="q_op_4" name="op" type="radio" value="4" />8%</label>
</div>

JavaScript

jQuery(function ($) {
    $(document).on('change', 'input:radio[id^="q_op_"]', function (event) {
        alert("click fired");
    });
});