将Jquery与单选按钮一起使用

Question

I'm putting together a simple order lookup form. It worked well until I added radio buttons. In old JS, i used simple function to grab the radio button value and drop it into a string. Jquery does it a different way. I think I'm close to getting this working:

What I have so far:

 var e = $( "input:ordernum:checked" ).val(function( index, value) { return value + " " + this.className; var groupnum= e.options[e.selectedIndex].value; }); xmlhttp.open("GET","ordersearch.php?orderid="+ordernum+"&q="+str,true); xmlhttp.send(); 

Previously, with the drop down, it used:

 var e = document.getElementById("groupnum");--> var groupnum = e.options[e.selectedIndex].value; }); 

It's probably a simple fix. Do I need getElementbyID or getElementbyName in this instance?

Answer 1

var e = $( "input:ordernum:checked" ).val(function( index, value) {

I've no idea about a :ordernum selector in jQuery..

If you want to select an element using id, use $('#id') in your case,

$('#ordernum:checked')

But i don't think that's what you need ~ For creating a radio button group, give a common name to all of them. Then you can access the value of selected radio button in the group like

$('[name="yourGroupName"]:checked').val()