layui radio 初始化选中

2022-05-24  本文已影响0人  jeneen1129

样式如下


初始化 根据数据来选择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()
上一篇下一篇

猜你喜欢

热点阅读