选中单选框的radio后,点击登录按钮进入相应的页面

这是我写的登录页面代码

<form class="layui-form" action="" style="text-align: center;">

                            <div class="layui-form-item">
                                <label class="layui-form-label">输入框</label>
                                <div class="layui-input-block">
                                <input style="margin-left: -100px;margin-top: 10px;" type="text" placeholder="请输入账号">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">密码框</label>
                                <div class="layui-input-inline">
                            <input style="margin-top: 10px;" type="password" placeholder="请输入密码">
                           </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">职业</label>
                                <div class="layui-input-block">
                                <input type="radio" name="name1" value="0"   title="学生">
                                <input type="radio" name="name1" value="1"  title="教师">
                                <input type="radio" name="name1" value="2"  title="管理员">
                                </div>  
                            </div>  
                             <input type="submit" class="layui-btn layui-btn-normal" value="登录" />
                             <input type="submit" class="layui-btn layui-btn-normal" value="重置" />
        </form>
```(https://img-ask.csdn.net/upload/201908/24/1566628864_825598.png),代码运行是这样的![图片说明](https://img-ask.csdn.net/upload/201908/24/1566628987_240534.png)
我要通过选择学生 教师 管理员再点击登录按钮进去各自的界面,求各位大佬帮忙!尽量具体点
(对了我用的是ssm+mysql)

是不是要了解怎么实现ssm登录,可以参考下:https://www.jianshu.com/p/63c1b1a6a32e,

可以在controller层处理不同radio跳转不同的页面。

看你用的是 sumbit 类型的按钮,那么 form 表单中所有的表单数据都会被发送到后台的。
你的 from 表单的 action 属性需要设置成你后台登陆的 URL ,需要在你的 Action 处理类中接收 radio 这个参数的值,对应重定向到相应的页面。

不要用submit提交


<input id="username" style="margin-left: -100px;margin-top: 10px;" type="text" placeholder="请输入账号">
<input id="password" style="margin-top: 10px;" type="password" placeholder="请输入密码">
<input type="radio" name="name1" value="0"   title="学生">
<input type="radio" name="name1" value="1"  title="教师">
<input type="radio" name="name1" value="2"  title="管理员">

<button onclick="login()">登录</button>

function login(){
    var username = $("#username").val();
    var password = $("#password").val();
    var radioVal = $('input:radio:checked').val();

    console.log(username + '---' + password + '------' + radioVal);

    $.ajax({
        type: "GET",
        url: "xx/xx/xxx",
        data: {username:username, password:password,radioVal:radioVal},
        dataType: "json",
        success: function(data){
            //如果用户密码登录成功
            //这里可以加判断跳转页面

            if(radioVal == '0'){
                //跳转到学生页面
            }else if(radioVal == '1'){
                //跳转到教师页面
            }else if(radioVal == '2'){
                //跳转到管理员页面
            }
        }
    });
}





登录

function login(){
var username = $("#username").val();
var password = $("#password").val();
var radioVal = $('input:radio:checked').val();

console.log(username + '---' + password + '------' + radioVal);

$.ajax({
    type: "GET",
    url: "xx/xx/xxx",
    data: {username:username, password:password,radioVal:radioVal},
    dataType: "json",
    success: function(data){
        //如果用户密码登录成功
        //这里可以加判断跳转页面

        if(radioVal == '0'){

你在actIon获取到radio的值,根据这个值来进行跳转到相应的界面不就好了吗