如何在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>

如何在jsp页面中获取select,radio,checkbox的值,布布扣,bubuko.com

如何在jsp页面中获取select,radio,checkbox的值

上一篇:Centos 7 Saltstack 集群


下一篇:iOS中的序列帧动画