初始化radio的checked属性值(根据另外radio的checked) 比如编辑页面初始化数据

初始化radio的checked属性值(根据另外radio的checked) 比如编辑页面初始化数据,第1张

用到的是layui的框架 ,但是知识是jquery的,前端知识较为薄弱...感谢大神们,特此总结

        //监听行工具事件
        table.on('tool(test)', function (obj) {
            //把所有数据传到data
            var data = obj.data;

            //console.log(obj)
            if (obj.event === 'del') {
                layer.confirm('真的删除行么', function (index) {
                    $.ajax({
                        url: '/student/deleteStudent',
                        type: 'post',
                        // contentType:"application/json;charset=utf-8",
                        //删除传递一个form data
                        data: {
                            id: data.id
                        },
                        dataType: "json",
                        success: function (response) {
                            console.log(response)
                            layer.msg(response.msg);
                            if (response.code == 200) {
                                tableShow()
                            }
                        },
                        error: function (response) {
                            console.log("出错" + response)
                            console.log(JSON.stringify(response))
                        }
                    });
                    layer.close(index);
                });
            } else if (obj.event === 'edit') {
                //d出表单
                layer.open({
                    type: 1
                    , title: '编辑信息' //不显示标题栏
                    , closeBtn: false
                    , area: ['500px', '600px']  // 宽和高
                    , shade: 0.8
                    , id: 'LAY_layuipro' //设定一个id,防止重复d出
                    , btn: ['更新', '取消']
                    , btnAlign: 'c'
                    , moveType: 1 //拖拽模式,0或者1
                    , content: $('#update_form').html()         // 引入自定义表单
                    , btn1: function (index, layero) {                // 这个是新增按钮点击事件
                        $.ajax({
                            url:'/student/updateStudent',
                            type:'post',
                            contentType:"application/json;charset=utf-8",
                            data:JSON.stringify({
                                id:data.id,
                                stuName:$("#update_stuName").val(),
                                sex: $("input[name='update_sex']:radio:checked").val(),
                                stuBirth:$("#update_stuBirth").val(),
                                stuPhone:$("#update_stuPhone").val(),
                                stuEmail:$("#update_stuEmail").val(),
                                stuLevel:$("#update_stuLevel").val(),
                                stuAddress:$("#update_stuAddress").val(),
                                stuNote:$("#update_stuNote").val

                            }),
                            dataType:"json",
                            success:function (response){
                                console.log(response)
                                console.log(JSON.stringify(response))
                            },
                            error:function (response){
                                console.log("出错"+response)
                                console.log(JSON.stringify(response))
                            }
                        })
                    }
                    , success: function (layero) {
                        // 初始化d出表单
                        $("#update_id").val(data.id);
                        $("#update_stuName").val(data.stuName);
                        $("input[name=update_sex][value='男']").attr("checked", data.sex == '男' ? true : false);
                        $("input[name=update_sex][value='女']").attr("checked", data.sex == '女' ? true : false);
                        $("#update_stuBirth").val(data.stuBirth);
                        $("#update_stuPhone").val(data.stuPhone);
                        $("#update_stuEmail").val(data.stuEmail);
                        $("#update_stuLevel").val(data.stuLevel);
                        $("#update_stuAddress").val(data.stuAddress);
                        $("#update_stuNote").val(data.stuNote);

                    }
                });
            }
        });

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1320713.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-11
下一篇 2022-06-11

发表评论

登录后才能评论

评论列表(0条)

保存