layui主动触发表单控件事件select|checkbox|radio

以radio为例,监听事件的代码为:

form.on('radio(filter)', function (data) {
	// dosomething
})

主动触发事件:

$('#radioID').next().trigger('click')

实例

<div class="layui-form-item">
	<div class="layui-form-label">审核</div>
	<div class="layui-inline">
		<volist name=":C('CHECKED')" id="vo">
			<input type="radio" lay-filter="jf_checked" name="jf_checked" value="{$key}" title="{$vo['label']}" {$row['jf_checked']==$key?'checked':''}>
		</volist>
	</div>
	<div id="reason-box" class="layui-inline" style="width:300px;">
		<input name="jf_reason" value="{$row['jf_reason']}" class="layui-input" placeholder="驳回原因" />
	</div>
</div>

<script>
	form.on('radio(jf_checked)', function (e) {
		if (e.value == 2) {
			$('#reason-box').show()
		} else {
			$('#reason-box').hide()
		}
	})

	$('[name=jf_checked]:checked').next().trigger('click')
</script>

posted on 2022-09-08 11:15  小馬過河﹎  阅读(771)  评论(0)    收藏  举报

导航