Hi everyone.

I use zxml.js on many projects and it works great. But now I suddenly used it with <input type="radio" /> and I don't know how to solve the puzzle =)

When I submit the form, zxml.js sends a request with sumthing like this:

bg=0&bg=1&stroke=0&stroke=1&stroke=2&stroke=3

As you see I have 2 radios named "bg" and 4 named "stroke". I supposed that the result of form submission wolud be only the selected radios. Not all ptesented on the page.

Please help. I gotta have only the selected radios =) In example bg=1&stroke=2

Thanks ahead.

I don't think zXml is to blame, can you show the actual form and how you are posting the data?

--

Joe (Microsoft MVP - XML)

Thanks for response.

For a simple example I take the code from HTML 4.01 Spec:

<FORM action="http://somesite.com/prog/adduser" method="post">
    <P>
    First name: <INPUT type="text" name="firstname"><BR>
    Last name: <INPUT type="text" name="lastname"><BR>
    email: <INPUT type="text" name="email"><BR>
    <INPUT type="radio" name="************" value="Male"> Male<BR>
    <INPUT type="radio" name="************" value="Female"> Female<BR>
    <INPUT type="submit" value="Send"> <INPUT type="reset">
    </P>
</FORM>

Then I added some code so that it worked without refresh.

<form method="post" name="form" id="form" onsubmit="sendRequest(this.id); return false;" action="test.html">
    <P>
    First name: <INPUT type="text" name="firstname"><BR>
    Last name: <INPUT type="text" name="lastname"><BR>
    email: <INPUT type="text" name="email"><BR>
    <INPUT type="radio" name="************" value="Male"> Male<BR>
    <INPUT type="radio" name="************" value="Female"> Female<BR>
    <INPUT type="submit" value="Send"> <INPUT type="reset">
    </P>
</FORM>
<p id="reform">&nbsp;</p>

Of course Zxml.js id implied and I added some JS.

function sendRequest(fId) {var oForm = document.getElementById(fId);var sBody = getRequestBody(oForm);var oXmlHttp = zXmlHttp.createRequest();oXmlHttp.open("post", oForm.action, true);oXmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");oXmlHttp.setRequestHeader("Charset", "windows-1251");oXmlHttp.onreadystatechange = function () {if (oXmlHttp.readyState == 4) {if (oXmlHttp.status == 200) {saveResult(oXmlHttp.responseText, oForm);} else {saveResult("Error: " + oXmlHttp.statusText, oForm);}}};oXmlHttp.send(sBody);}

function getRequestBody(oForm) {var aParams = new Array();for (var i=0 ; i < oForm.elements.length; i++) {var sParam = encodeURIComponent(oForm.elements[i].name);sParam += "=";sParam += encodeURIComponent(oForm.elements[i].value);aParams.push(sParam);}return aParams.join("&");}

function saveResult(sMessage, ooo) {var divStatus = document.getElementById('re' + ooo.id);divStatus.innerHTML = sMessage;}

In the test.html file I just print all the posted form elements by server-side script. It show relevant vars for input.text, input.select etc. But not for radios — it's always a first input.radio.value in the form. That's because it get it from the request I showed above.

When a form is submitted naturally then only the names of the radio buttons that are selected are sent along with their values or "on" as a default.

Your code just loops through them all and sends the value, if you want to imitate a submission then you must verify if they're checked before including them in sMessage.

--

Joe (Microsoft MVP - XML)