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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章