フォームを送信するときに、さまざまな入力フォームを使用することを誰もが知っています。ただし、すべての入力フォームがdocument.getElementByIDの方法で取得できるわけではありません。一部の組み合わせは、チェックボックスまたはラジオに似ています。
JSP-HTMLコード:
次のようにコードコードをコピーします。
<form action = "input.do" name = "formkk">
<表>
<tbody>
<tr>
<td>テキスト:</td>
<td>
<入力型= "テキスト" name = "text">
</td>
</tr>
<tr>
<td>password:</td>
<td>
<input type="password" name="pass">
</td>
</tr>
<tr>
<td>無線:</td>
<td>
<入力タイプ= "Radio" name = "xingbie" value = "1">
男
<入力タイプ= "Radio" name = "xingbie" value = "2">
女性
</td>
</tr>
<tr>
<td>チェックボックス:</td>
<td>
サッカー:<入力タイプ= "チェックボックス" name = "趣味" value = "1" /> />
バスケットボール:<入力タイプ= "チェックボックス" name = "趣味" value = "2" /> />
撮影:<入力タイプ= "チェックボックス" name = "趣味" value = "3" /> />
ファイティングボール:<入力タイプ= "チェックボックス" name = "趣味" value = "4" /> />
</td>
</tr>
<tr>
<td>非表示:</td>
<td>
<入力型= "hidden" value = "123" name = "hidden"/>
</td>
</tr>
<tr>
<td>オプション:</td>
<td>
<name = "opt" id = "opt">を選択します
<オプション> 1 </option>
<オプション> 2 </option>
<オプション> 3 </option>
<オプション> 4 </option>
</select>
</td>
</tbody>
</table>
<入力型= "ボタン"値= "" onclick = "javascript:check()"/>
</form>
JavaScript:
次のようにコードコードをコピーします。
function check(){
var Radio = document.getElementsByname( "xingbie");
var checkbox = document.getElementsbyname( "hobby");
var select = document.getElementById( "opt");
// [タグ]を取得します
varingex = select.selectididex;
var text = select.options [index] .text;
var value = select.options [index]。
//無線タグを取得します
for(var i = 0; i <xingbie.length; i ++){
if(xingbie.item(i).cecked){
var val = xingbie.item(i).getAttribute("value");
壊す;
}
続く;
}
//チェックボックスタグを取得します
for(var i = 0; i <hobbys.length; i ++){
if(hobbys [i] .cecked){
アラート(趣味[i] .value);
}
constinue;
}
//フォームフォームを送信します
document.formkk.submit();
}
Java:
次のようにコードコードをコピーします。
string [] hobbys = request.getParametervalues( "Hobby");
string text = request.getParameter( "text");
文字列パスワード= request.getParameter( "password");
string xingbie = request.getParameter( "xingbie");
request.getParameter( "hidden");
request.getParameter( "opt");