- 大家都知道我们在提交form的时候用了多种input表单。可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的。有一些组合的form类似于checkbox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢?多说无用、上代码:
- Jsp-html代码:
- <formaction="input.do"name="formkk">
- <table>
- <tbody>
- <tr>
- <td>text:</td>
- <td>
- <inputtype="text"name="text">
- </td>
- </tr>
- <tr>
- <td>password:</td>
- <td>
- <inputtype="password"name="pass">
- </td>
- </tr>
- <tr>
- <td>radio:</td>
- <td>
- <inputtype="radio"name="xingbie"value="1">
- 男
- <inputtype="radio"name="xingbie"value="2">
- 女
- </td>
- </tr>
- <tr>
- <td>checkbox:</td>
- <td>
- 足球:<inputtype="checkbox"name="hobby"value="1"/>
- 篮球:<inputtype="checkbox"name="hobby"value="2"/>
- 拍球:<inputtype="checkbox"name="hobby"value="3"/>
- 斗球:<inputtype="checkbox"name="hobby"value="4"/>
- </td>
- </tr>
- <tr>
- <td>hidden:</td>
- <td>
- <inputtype="hidden"value="123"name="hidden"/>
- </td>
- </tr>
- <tr>
- <td>option:</td>
- <td>
- <selectname="opt"id="opt">
- <option>1</option>
- <option>2</option>
- <option>3</option>
- <option>4</option>
- </select>
- </td>
- </tbody>
- </table>
- <inputtype="button"value="提交"οnclick="javascript:check()"/>
- </form>
- Javascript:
- functioncheck(){
- varradio=document.getElementsByName("xingbie");
- varcheckbox=document.getElementsByName("hobby");
- varselect=document.getElementById("opt");
- //获取select标签
- varindex=select.selectedIndex;
- vartext=select.options[index].text;
- varvalue=select.options[index].value;
- //获取radio标签
- for(vari=0;i<xingbie.length;i++){
- if(xingbie.item(i).checked){
- varval=xingbie.item(i).getAttribute("value");
- break;
- }
- continue;
- }
- //获取checkbox标签
- for(vari=0;i<hobbys.length;i++){
- if(hobbys[i].checked){
- alert(hobbys[i].value);
- }
- continue;
- }
- //提交form表单
- document.formkk.submit();
- }
- Java:
- String[]hobbys=request.getParameterValues("hobby");//checkbox
- Stringtext=request.getParameter("text");//text
- Stringpassword=request.getParameter("password");//password
- Stringxingbie=request.getParameter("xingbie");//radio
- request.getParameter("hidden");
- request.getParameter("opt");//select