<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>