layui 单选,不同Name一个选择如何实现

提问 已结 4 306
IT_bai
IT_bai 2018-12-5
悬赏:20飞吻
版本:layui 最新 浏览器:谷歌

如上图 如何实现第一个redio单选被选中后下面的单选随之选中,加入第一组单选value是1,另一组的也是1,
注:不止有两组单选,可能很多组,实现的效果就是其中一组发生改变,其他组也发生改变,并且value值一样//////////////////

回帖
  • IDyun
    2018-12-5

    <!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="//res.layui.com/layui/dist/css/layui.css" media="all">
    <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 -->
    </head>
    <body>

    <blockquote class="layui-elem-quote layui-text">
    鉴于小伙伴的普遍反馈,先温馨提醒两个常见“问题”:1. <a href="/doc/base/faq.html#form" target="_blank">为什么select/checkbox/radio没显示?</a> 2. <a href="/doc/modules/form.html#render" target="_blank">动态添加的表单元素如何更新?</a>
    </blockquote>

    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>表单集合演示</legend>
    </fieldset>

    <form class="layui-form" action="" lay-filter="example">

    <div class="layui-form-item">
    <label class="layui-form-label">单选框</label>
    <div class="layui-input-block">
    <input type="radio" name="sex" lay-filter="sex" value="1" title="男" >
    <input type="radio" name="sex" lay-filter="sex" value="0" title="女">
    </div>
    </div>
    <div class="layui-form-item">
    <label class="layui-form-label">单选框2</label>
    <div class="layui-input-block">
    <input type="radio" name="falg" lay-filter="falg" value="1" title="有效" >
    <input type="radio" name="falg" lay-filter="falg" value="0" title="无效">
    </div>
    </div>
    </form>

    <script src="//res.layui.com/layui/dist/layui.js" charset="utf-8"></script>
    <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
    <script>
    layui.use(['form', 'layedit', 'laydate'], function(){
    var form = layui.form
    ,layer = layui.layer
    ,layedit = layui.layedit
    ,laydate = layui.laydate;

    form.on('radio(sex)', function(data){
    //表单初始赋值
    form.val('example', {
    falg:data.value
    })
    });

    });
    </script>

    </body>
    </html>
    0 回复
  • https://www.layui.com/doc/modules/form.html#onradio
    0 回复
  • IT_bai
    2018-12-5
    @IDyun 这样固定知道name可以这样写 但这些redio组不是固定的 可能很多 能不能循环遍历这个div下的所有redio然后去赋值,
    0 回复
  • [给力] [给力]
    0 回复