Skip to content

Instantly share code, notes, and snippets.

@henideepak
Last active September 21, 2019 04:42
Show Gist options
  • Save henideepak/03b5d353ad7f8c993de016934ece4fb5 to your computer and use it in GitHub Desktop.
Save henideepak/03b5d353ad7f8c993de016934ece4fb5 to your computer and use it in GitHub Desktop.
How to get radio button value javascript
<input type="radio" value="1" name="choice">Yes</input>
<input type="radio" value="2" name="choice">No</input>
You selected:
<label id="YesLabel"><p>You are select Yes</p></label>
<label id="NoLabel"><p>You are select No</p></label>
<script>
(function (){
document.getElementById('YesLabel').style.display = 'none';
document.getElementById('NoLabel').style.display = 'none';
var radios = document.getElementsByName('choice');
console.log(radios);
for(var i = 0; i < radios.length; i++){
radios[i].onclick = function(){
if(this.value == 'Yes'){
document.getElementById('YesLabel').style.display = 'Block';
document.getElementById('NoLabel').style.display = 'none';
else{
document.getElementById('YesLabel').style.display = 'none';
document.getElementById('NoLabel').style.display = 'block';
}
}
}
})();
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment