1、layui里面的radio使用
<div class="layui-form-item">
<label class="layui-form-label">单选按钮</label>
<div class="layui-input-block layui-form" lay-filter="open_vip_zk" >
<input type="radio" name="is_vip_open" value="1" title="是">
<input type="radio" name="is_vip_open" value="0" title="否">
</div>
</div>
<div id="warning_vip">按钮</div>
<div class="show">内容显示</div>
1-1、js控制radio选中:class为layui-form的lay-filter必须设置
//点击按钮-设置单选按钮值为0的内容选中
layui.use(['table','form'],function () {
var table = layui.table;
var form = layui.form;
layui.$("#warning_vip").on("click",function (){
form.val("open_vip_zk",{"is_vip_open": "0"});
})
})
1-2、radio选择事件
//点击按钮-设置单选按钮值为0的内容选中
layui.use(['table','form'],function () {
var table = layui.table;
var form = layui.form;
form.on('radio', function(data){
if($(data.elem).is('[name=is_vip_open]')) {
setVipOpen();
}
})
})
function setVipOpen() {
var is_vip_open = $('[name=is_vip_open]:checked').val();
if (is_vip_open == 1) {
$(".show").show();
}else{
$(".show").hide();
}
}
setVipOpen();
2、设置input值必填提醒
直接在input中加入lay-verify="required" 属性内容
3、一个页面使用两个table
<table class="layui-hide" id="table1" lay-filter="bindtable1"></table>
<table class="layui-hide" id="table2" lay-filter="bindtable2"></table>
table.render({
elem: '#table1'
, method: 'post'
, cols: [[
{ checkbox: true, fixed: true, field: 'Id' }
, { field: 'name', title: '名字', hide: true }
]]
, id: 'Table1'
, page: true
});
table.render({
elem: '#table2'
, method: 'post'
, cols: [[
{ checkbox: true, fixed: true, field: 'Id' }
, { field: 'name', title: '名字', hide: true }
]]
, id: 'Table2'
, page: true
});
table.reload('Table1', {
page: {
curr: 1
}
}, 'data');
table.reload('Table2', {
page: {
curr: 1
}
}, 'data');