@小马哥哥@
2019-08-24 14:46
采纳率: 0%
浏览 902

选中单选框的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)
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • FAIBEI. 2019-08-24 15:34

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

    打赏 评论
  • Json-Huang 2019-08-24 15:55

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

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

    打赏 评论
  • 毕小宝 2019-08-24 16:02

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

    打赏 评论
  • 老铁咖啡 2019-08-24 22:37

    不要用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'){
                    //跳转到管理员页面
                }
            }
        });
    }
    
    打赏 评论
  • wuyeweiwu888 2019-08-25 07:18





    登录

    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'){
    
    
    
    打赏 评论

相关推荐 更多相似问题