How to disable radio button after a time interval

Question

Here is my php script function

$xRadio = 0;<br>
echo"<script type='text/javascript' src='http://code.jquery.com/jquery-2.0.2.min.js'><br>   </script>";
echo"<script type='text/javascript'> 
 $xRadio = setInterval(function(){ $('.radio').attr('disabled',true);},3000);
</script>";

and here is the radio button which i want to disable in php

echo "<td><input type='radio' class='radio' name='$i' value='A'>" . $row['opt_a'] . "</td>";

Answer 1

Use setTimeout() , you only need to call the function once. Wrap it in a $(document).ready() function, as I'm not sure the DOM is ready when you are running this script. Use jQuery's prop() instead of attr()

$(document).ready(function(){
    $xRadio = setTimeout(function(){
        $('.radio').prop('disabled',true);
    }, 3000);
});

Excuse me if I don't add your PHP as well, but it is irrelevant for the question.

Answer 2

Just try out this modified code.

 echo "<td><input type='radio' class='radio' name='$i' value='A'>" . $row['opt_a'] . "</td>";
    $xRadio = 0;echo "<br>";

    echo"<script type='text/javascript' src='http://code.jquery.com/jquery-2.0.2.min.js'><br>   </script>";
    echo"<script type='text/javascript'> 
    setInterval(function(){ $('.radio').attr('disabled',true);},3000);</script>";