checkbox 选中bug

提问 未结 4 49
沙鸥1018
沙鸥1018 4天前
悬赏:20飞吻
版本:layui v2.5.* 浏览器:chrome


操作步骤:
1、选中 选择框 B
2、期望:点击按钮,重置选中选择框 A
实际: 点击按钮 没有反应。

HTML:
<div class="layui-inline">
<label class="layui-form-label">单选框:</label>
<div class="layui-input-inline">
<input class="a" type="radio" name="sex" value="nan" title="选择框-A" checked="">
<input class="b" type="radio" name="sex" value="nv" title="选择框-B">
</div>
<div class="layui-input-inline input-inline_s">
<button type="button" class="layui-btn test-btn">按钮</button>
</div>
</div>


JS:
$('.test-btn').on('click',function(){
console.log('点击');
$('.b').attr('checked',true);
form.render()
})
回帖
  • <form class="layui-form" id="formId">你的html页面代码</form>
    js
    $('.test-btn').on('click', function() {
    console.log('点击');
    $('#formId')[0].reset();
    form.render()
    })
    0 回复
  • @千鸟生 你这个是 因为只有 两项,要是3项了, 我是要js 指定选中那个 checkbox的。最暴力的办法,我删除节点,然后添加节点,重新渲染。在这里,他应该是个bug,layui 初始化过后,再初始化就执行不了了。
    0 回复
  • @千鸟生 额外还有个问题是,你这个reset,把用户填的其他值给清空了,这个肯定也不行的。
    0 回复
  • $('input:radio[name=sex]')[0].checked = true;
    form.render();
    0 回复