How can we disable the radio button using JavaScript

<script>
function verifyAnswer() {
//get the selected value from the dropdown list
var mylist = document.getElementById("myAns");
var result = mylist.options[mylist.selectedIndex].text;
  if (result == 'No') {
  	//disable all the radio button 
	document.getElementById("csharp").disabled = true;
  	document.getElementById("js").disabled = true;
  	document.getElementById("angular").disabled = true;
  } else {
  	//enable all the radio button
  	document.getElementById("csharp").disabled = false;
  	document.getElementById("js").disabled = false;
  	document.getElementById("angular").disabled = false;
  }
}
</script>

This is the code for Dropdown, if we use dropdown we can disable the button

Let’s suppose by another eg: If there are male, female and other categories are there in gender. Then after we have to choose Language…accordingly.

<script>
function calValue() {
//fetch all gender radio button data
var male = document.getElementById('g1');
var female = document.getElementById('g2');
var otherg = document.getElementById('g3');

//fetch all language radio button data
var hindi = document.getElementById('l1');
var english = document.getElementById('l2');
var otherl = document.getElementById('l3');

var gender;
var language;
//check which gender is selected using radio button
if(male.checked == true) {
  gender = male; 
} else if(female.checked == true) {
  gender = female; 
} else if(otherg.checked == true) {
  gender = otherg 
}

//check which language is selected using radio button
if(hindi.checked == true) {
  language = hindi; 
} else if(english.checked == true) {
  language = english; 
} else if(otherl.checked == true) {
  language = otherl 
}
//return data to HTML form
return document.getElementById("result").innerHTML = "Your selected gender is: " + gender.value + "</br> and </br> Selected language is: " + language.value;
}
</script>

Leave a comment

Your email address will not be published. Required fields are marked *