首页 新闻 搜索 专区 学院

layui的radio无效问题

0
悬赏园豆:10 [待解决问题]

代码拷贝的是https://www.layui.com/doc/element/form.html,引入的css、js也是正确的。按照官网给进行更新渲染,出现的结果radio还是无效!求大佬解答一下,谢谢!

源代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../layui/css/layui.css" media="all">
<script src="../layui/js/layui.js" charset="utf-8"></script>
</head>
<body>
<!--head-->
<iframe width="100%" height="100%" src="./commons/head.html" frameborder="no" border="0" marginwidth="0"
marginheight="0" scrolling="no"></iframe>

<!-- body -->
<div class="layui-row">
<div class="layui-col-xs6 layui-col-sm6 layui-col-md4 layui-col-md-offset4">
<form class="layui-form" lay-filter="index" action="">
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<div class="layui-input-inline">
<input type="text" name="title" required lay-verify="required" placeholder="请输入用户名"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">密码框</label>
<div class="layui-input-inline">
<input type="password" name="password" required lay-verify="required" placeholder="请输入密码"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">单选框</label>
<div class="layui-input-block">
<input type="radio" name="landlord" value="房东" title="房东">
<input type="radio" name="renter" value="租客" title="租客">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="formDemo">登录</button>
<button type="reset" class="layui-btn layui-btn-primary">注册</button>
</div>
</div>
</form>
</div>
</div>

<script>
layui.use(['form'], function(){
var form = layui.form;

    //监听提交
    form.on('submit(formDemo)', function(data){
        layer.msg(JSON.stringify(data.field));
        return false;
    });
});

</script>
</body>
</html>

小锅牛的主页 小锅牛 | 初学一级 | 园豆:197
提问于:2020-05-15 23:52

问题已解决,谢谢各位大佬!

小锅牛 3个月前
< >
分享
所有回答(2)
1

兄弟,
首先,你没有引用全layui的引用(去引用下载打包整个引用);
其次,你的radio得name需要保持一致,不能一个是landlord,一个是renter,如下图:


熊泽-学习中的苦与乐 | 园豆:746 (小虾三级) | 2020-05-16 10:01

嗯,昨天晚上我把整个layui文件放到项目中才生效的。谢谢大佬!

支持(0) 反对(0) 小锅牛 | 园豆:197 (初学一级) | 2020-05-16 14:22
0

对,我之前就是引用不完整,只拷贝了layui.css和layui.js的引用,导致我想要的功能没有,都是泪

重生时空之门 | 园豆:202 (菜鸟二级) | 2020-05-16 12:08

我也是这样滴,,

支持(0) 反对(0) 小锅牛 | 园豆:197 (初学一级) | 2020-05-16 14:23
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册