how to check which radio button is selected code example
Example 1: check if radio button is checked
$('#element').click(function() {
if($('#radio_button').is(':checked')) { alert("it's checked"); }
});
Example 2: javascript radio button value if checked
//alert(document.querySelector('input[name = "comp"]:checked').value);
$test=document.querySelector('input[name = "comp"]:checked').value;
if($test="silver") {
amount=50;
}else if($test="gold") {
amount=90;
}else{
amount=30;
}
Example 3: which radio button is selected javascript
$('#myForm input').on('change', function() {
alert($('input[name=radioName]:checked', '#myForm').val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
<input type="radio" name="radioName" value="1" /> 1 <br />
<input type="radio" name="radioName" value="2" /> 2 <br />
<input type="radio" name="radioName" value="3" /> 3 <br />
</form>
Example 4: check if one of the radio button is checked
if ($('input[name='+ radioName +']:checked').length) {
// at least one of the radio buttons was checked
return true; // allow whatever action would normally happen to continue
}
else {
// no radio button was checked
return false; // stop whatever action would normally happen
}
Example 5: checkbox as radio button
input[type=checkbox]:not(old) + label,
input[type=radio ]:not(old) + label{
display : inline-block;
margin-left : -2em;
line-height : 4em;
}