CODEWITHSUNDEEP
javascript
user2999062
user2999062

Reputation: 37

Submitting a form using javascript?

I have a gender field in my form.

I have given it the same name, i.e. 'gender', and I have given it the same id, i.e. 'gender'.

Now I want to show what I have selected out of the two options. But with same id, it is not working. I have applied the onclick event to a textbox and I want it so whenever I click on that textbox, I show a javascript alert showing what I have selected, either male or female.

Please help!

gender:<input type="radio" name="gender" id="gender" value="female"/>female
      :<input type="radio"  name="gender" id="gender" value="male" />male

  <input type="text" name="textbox" onclick="check()" />



   <script type="text/javascript">
      function check()
 {

 var a=document.getElementById("gender").value;
 alert(a);
 }

</script>


     function addUser() {
//how to check what is the selected radio input
alert(getCheckedRadioId('u_type'));
    }
         function getCheckedRadioId(name) {
var elements = document.getElementsByName(name);

for (var i=0, len=elements.length; i<len; ++i)
    if (elements[i].checked) return elements[i].value;
  }


 </script>

  now this code alerts that what i have choosen but the problem is that i want the    alert's value  in a variable so that i could send this value to database...so how should i take the alerted value in a variable.....

Upvotes: 0

Views: 196

Answers (2)

Mark Bertenshaw
Mark Bertenshaw

Reputation: 5689

Your problem is that each element must have a unique Id, and you are giving two elements the same Id. I am not sure which one getElementById() would return. I assume the first.

However, you are quite ok giving multiple elements the same name. Then you could use getElementsByName() to retrieve an array containing the two elements, and you could return whether the element's Checked property is set.

Upvotes: 0

MaGnetas
MaGnetas

Reputation: 5108

You might wanna have a look at this: javascript selected radio

Basically if you had a function that gets the checked radio value by name the problem would be solved. Adopted from the link above:

var selected = '';
var elements = document.getElementsByName('gender');

for (var i = 0, i < elements.length; i++)
{
    if (elements[i].checked)
        selected = elements[i].value;
}

alert(selected);

Also you might consider using jQuery. It would help a lot in cases like this one.

Upvotes: 2

Related Questions