Submitting a form from a radio button is not common but it is a nice UI which is even better when done with AJAX.
A typical form with two radio buttons would look something like this.
<form action="test.html">
1 <input type="radio" name="test" value ="1"><br>
2 <input type="radio" name="test" value ="2">
<p><input type="submit" value="submit">
</form>
But with basic JavaScript you can make a simpler form like this.
<script>
function submitAction( form, absPath ) {
form.action = absPath;
form.submit();
}
</script>
<form action=”test.html” id=”test”>
1 <input type=”radio” name=”test” value =”1″ onchange=”submitAction(document.getElementById(’test’), ‘test.html’)”><br>
2 <input type=”radio” name=”test” value =”2″ onchange=”submitAction(document.getElementById(’test’), ‘test.html’)”>
</form>
If you are using Struts the above form’s JSP would be:
<html:form action="test.do" styleId="test">
1 <input type="radio" name="test" value ="1" onchange="submitAction(document.getElementById('test'), 'test.do')"><br>
2 <input type="radio" name="test" value ="2" onchange="submitAction(document.getElementById('test'), 'test.do')">
</html:form>