Home/ Questions/Q 976479
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T03:45:10+00:00

What’s wrong with this code? Why doesn’t it show value? <script> $(document).ready(function() { $(‘#radio_div’).change(function(event){

  • 0

What’s wrong with this code? Why doesn’t it show value?

<script>
    $(document).ready(function()
    {
        $('#radio_div').change(function(event){
            var value = $("input[@name='rdio']:checked").val();
            $('#update_text').html('Radio value:' + value);
        });
    });
    </script>
    </head>                                                                 
    <body>  

    <div id="radio_div">
        <input type="radio" name="rdio" value="a" />
        <input type="radio" name="rdio" value="b" />
        <input type="radio" name="rdio" value="c" />
    </div>
    <div id="update_text">Please push radio button</div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Because you’re binding to the change event of the radio_div div. A div does not fire a change event, only input elements do that..

    Do this instead:

    <script>
$(document).ready(function()
{
    $('#radio_div input').change(function(event){
        var value = $("input[@name='rdio']:checked").val();
        $('#update_text').html('Radio value:' + value);
    });
});
</script>
</head>                                                                 
<body>  

<div id="radio_div">
    <input type="radio" name="rdio" value="a" />
    <input type="radio" name="rdio" value="b" />
    <input type="radio" name="rdio" value="c" />
</div>
<div id="update_text">Please push radio button</div>
    • 0