您的位置:首页 > Web前端 > JavaScript

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

2016-10-25 23:01 477 查看
<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: