美文网首页
layui radio 初始化选中

layui radio 初始化选中

作者: jeneen1129 | 来源:发表于2022-05-24 14:36 被阅读0次

    样式如下


    初始化 根据数据来选择1 或者 选择2,选择2 时显示选择内容2。

    代码如下

    // 看网上都是 attr 或者 prop 设置 checked ,奈何我这没用了,突然,最终选择了这中写法
    if (c1) {
      $('#choices).html('<form class="layui-form" action="">' +
        '<div class="layui-form-item">' +
        '<input class="radio" type="radio" name="time" value="0"' +
        'title="选择1" checked id="c1" lay-filter="choice">' +
        '<input class="radio" type="radio" name="time" value="1"' +
        'title="选择2" id="c2" lay-filter="choice">' +
        '</div>' +
        '</form>')
      $('#content2').hide()
    } else {
      // 主要时 checked 属性放哪里
      $('#choices).html('<form class="layui-form" action="">' +
        '<div class="layui-form-item">' +
        '<input class="radio" type="radio" name="time" value="0"' +
        'title="选择1" id="c1" lay-filter="choice">' +
        '<input class="radio" type="radio" name="time" value="1"' +
        'title="选择2" checked id="c2" lay-filter="choice">' + 
        '</div>' +
        '</form>')
      $('#content2').show()
    }
    layui.form.render()
    

    相关文章

      网友评论

          本文标题:layui radio 初始化选中

          本文链接:https://www.haomeiwen.com/subject/rqvjprtx.html