js拿到单选按钮的值,以及js动态设置form表单的action值


<label><input type="radio"  name="jurisdiction" value="1">老师</label>
   <label><input type="radio" checked="checked" name="jurisdiction" value="2">学生</label>
<label><input type="radio" name="jurisdiction" value="3">班主任</label>
<label><input type="radio" name="jurisdiction" value="4">管理员</label>

1.拿radion的值:

 var jur = login.jurisdiction.value;

2.设置form表单的action值以及提交

var logUrl=$("#login").attr("action","/admin-login.action?");
  //获取form表单action的值
  $("#login").attr("action");
  //提交表单
  $("#login").submit();



<script type="text/javascript">

  //我把js写在这里了,你写到你的那个登录的js文件里就行
  function subLogForm(){
  
  //登录的url
  var logUrl;
  /* 拿到被选中的radio的值,此处的login是form表单的id,也可以用form表单的name来拿是一样的:
  loginForm.jurisdiction.value; */
  var jur = login.jurisdiction.value;
  //可以弹出一下试试看拿到没
  alert(jur);
  //通过jquery的attr()方法来给form表单设置url,
   if(jur == 1){  //老师
   logUrl=$("#login").attr("action","/teacher-login.action?");
   }else if(jur == 2){//学生
   logUrl=$("#login").attr("action","/student-login.action?");
   }else if(jur == 3){//班主任
   logUrl=$("#login").attr("action","/headTeacher-login.action?");
   }else if(jur == 4){//管理员
   logUrl=$("#login").attr("action","/admin-login.action?");
   }
  //form的action本来是空的,现在弹一下,看设置进去没
  alert($("#login").attr("action"));
  //提交表单
  $("#login").submit();
  
  }
  
  
  </script>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章