January 18, 2016

How to Uncheck a Radio Button Using jQuery

To uncheck a radio button in jQuery, we make use of prop() function. This function is only available in jQuery 1.6 or higher. For jQuery 1.5 or lower, please make use of attr() function. Example is given below for jQuery 1.6 or higher.

<!DOCTYPE html>
<html>
<head>
<title>jQuery Tutorial </title>
 
<script src="http://code.jquery.com/jquery-latest.js"></script>
 
<script type="text/javascript">
 
//Function to Check Radio Button.
function Check(){
    
    $('#myRadio').prop("checked", true) ;
 }
 
//Function to Unheck Radio Button.
function Uncheck(){
    
    $('#myRadio').prop("checked", false) ;
}
 
</script>
 
</head>
<body>
 
My Radio Button:  <input id="myRadio" type="radio" />
<input type="button" value="Check" onclick="Check()"/>
<input type="button" value="Uncheck" onclick="Uncheck()"/>
 
</body>
</html>

You May Also Like: