I have two radio buttons for selecting cars. There are only two options: either you can select a BMW car or you can select a Mercedes car.
Here's my html code for this:
<label>Please specify car:</label>
<label>BMW</label>
<input type=radio name=is_BMW id=is_BMW onchange=valueChanged() />
<label>Mercedes</label>
<input type=radio name=is_Mercedes id=is_Mercedes onchange=valueChanged() />
The javascript function for this event is valueChanged() and it is pretty much straight-forward:
<script>
function valueChanged(){
if(document.getElementById(is_BMW).checked == true)
{
document.getElementById(is_Mercedes).checked = false;
}
else
{
document.getElementById(is_BMW).checked = false;
}
}
</script>
The problem I'm getting is this: whenever I click the BMW radio button, it get's fixed and I can't change to Mercedes.
If I click on the Mercedes radio button first, then I'm able to switch to BMW, but again, once I select BMW, I can't change to Mercedes anymore and it get's fixed.
Is there anything wrong with my Javascript? Because my Javascript knowledge tells me there's nothing wrong with my Javascript code. Is it something else? Should I use jQuery to resolve this?
Edit-1:
I'm sorry I forgot to mention one crucial point - I need to pass value onchange of radio button. I'm especially sorry to the one person who answered my question instantly, I should've mentioned this earlier, my bad.
Hence, my actual Javascript could should be something like this:
<script>
function valueChanged(){
if(document.getElementById(is_BMW).checked == true)
{
document.getElementById(is_Mercedes).checked = false;
document.getElementById(is_BMW).value = 1;
document.getElementById(is_Mercedes).value = 0;
}
else
{
document.getElementById(is_BMW).checked = false;
document.getElementById(is_BMW).value = 0;
document.getElementById(is_Mercedes).value = 1;
}
</script>