Everyone knows that we use a variety of INPUT forms when submitting Form. But not every INPUT form can be obtained by the method of document.GetelementByid. Some combinations are similar to Checkbox or Radio or Select how do we use JavaScript to obtain and get the parameters submitted in the server? Multi -use useless, upper code:
Jsp-html code:
Copy code code as follows:
<form action = "input.do" name = "formkk">
<Table>
<TBODY>
<tr>
<td> Text: </td>
<TD>
<input type = "text" name = "text">
</td>
</tr>
<tr>
<TD> Password: </td>
<TD>
<input type = "password" name = "pass">
</td>
</tr>
<tr>
<TD> Radio: </td>
<TD>
<input type = "radio" name = "xingbie" value = "1">
male
<input type = "radio" name = "xingbie" value = "2">
female
</td>
</tr>
<tr>
<TD> Checkbox: </td>
<TD>
Football: <input type = "checkbox" name = "hobby" value = "1" /> />
Basketball: <input type = "checkbox" name = "hobby" value = "2" /> />
Shooting: <input type = "checkbox" name = "hobby" value = "3" /> />
Fighting ball: <input type = "checkbox" name = "hobby" value = "4" /> />
</td>
</tr>
<tr>
<TD> Hidden: </td>
<TD>
<input type = "hidden" value = "123" name = "hidden"/>
</td>
</tr>
<tr>
<td> Option: </td>
<TD>
<select name = "Opt" id = "Opt">
<option> 1 </option>
<option> 2 </option>
<option> 3 </option>
<option> 4 </option>
</select>
</td>
</tBody>
</table>
<input type = "Button" value = "Submit" OnClick = "Javascript: Check ()"/>
</form>
Javascript:
Copy code code as follows:
function check () {
var radio = document.GetelementsByname ("xingbie");
var checkbox = document.GetelementsByname ("Hobby");
var select = document.GetelementByid ("OPT");
// Get the select tag
varingex = select.selectIDIDEX;
var text = select.options [index] .text;
var value = select.options [index]. Value;
// Get RADIO tag
for (var I = 0; I <xingbie.length; i ++) {
if (xingbie.item (i) .Checked) {
var value = xingbie.item (i) .Getattribute ("Value");
Break;
}
continue;
}
// Get CheckBox tag
for (var I = 0; I <hobbys.length; i ++) {
if (hobbys [i] .Checked) {
alert (hobbys [i] .Value);
}
continue;
}
// Submit the form form
document.formkk.submit ();
}
Java:
Copy code code as follows:
String [] hobbys = request.getparametervalues ("hobby"); // Checkbox
String text = request.getparameter ("text"); // text
String password = request.getparameter ("password"); // Password
String xingbie = request.getparameter ("xingbie"); // Radio
request.getparameter ("hidden");
request.getparameter ("Opt"); // Select