如何在jsp页面中获取select,radio,checkbox的值
在页面中如何获取radio,select,checkbox的值，使用jq或者js来获取，第一次写，
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
<title>Insert title here</title>
</head>
<body>
<!-- 测试目的，得到选中的select,radio,checkbox的类型的值 -->
<form>
<select id="selectedValue">
<option value ="0">测试1</option>
<option value="1">测试2
<option value="2">测试3
</select>
<input type="button" value="获取select" id="getValue">
<br>
<input type="radio" name="radioValue" value="strong" onchange="radioChange(this);">男
<input type="radio" name="radioValue" value="sex" onchange="radioChange(this);">女
<br>
<input type="checkbox" name="checkboxValue" value="飞机">飞机
<input type="checkbox" name="checkboxValue" value="公交">公交
<input type="checkbox" name="checkboxValue" value="汽车">汽车
<input type="button" value="获取checkbox值" id="getCheckboxValue">
</form>
<script type="text/javascript">
$(function(){
$("#getValue").click(function(){
/* var str = $("#selectedValue option:selected").val(); */
var str = document.getElementById("selectedValue").value;
alert("--select选中值-----"+str);
});
$("#getCheckboxValue").click(function(){
var str = document.getElementsByName("checkboxValue");
var arr = str.length;
var tar = "";
for(var i=0;i<arr;i++){
if(str[i].checked == true){
tar+=str[i].value+",";
}
}
if(tar==""){
alert("请选择一个爱好");
}else{
alert("你的爱好是---"+tar);
}
});
});
function radioChange(tar){
var str = tar.value;
alert("选中的值----"+str);
}
</script>
</body>
</html>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
