You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

102 lines
3.5 KiB

3 years ago
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="./component/pear/css/pear.css" />
</head>
<body class="pear-container">
<div class="layui-card">
<div class="layui-card-body">
<div style="text-align:center;padding-top: 40px;">
<div class="layui-form-item">
<h1>高级教师推荐人员名单</h1>
</div>
</div>
<div class="layui-card layui-form" lay-filter="component-form-element"
style="text-align:center;padding-top: 40px;">
<div class="layui-card-header" style="color: red;">备注从如下人员中推荐2人。</div>
<div class="layui-card-body layui-row layui-col-space10">
<div class="layui-col-md12" id="checkboxPersonView">
3 years ago
<input type="checkbox" name="selectPerson" value="1" title="写作" lay-skin="primary">
3 years ago
<input type="checkbox" name="selectPerson" value="2" title="发呆" lay-skin="primary">
3 years ago
<input type="checkbox" name="selectPerson" value="3" title="禁用" lay-skin="primary">
3 years ago
</div>
<script id="checkboxPersonScript" type="text/html">
{{# layui.each(d.list, function(index, item){ }}
<input type="checkbox" name="selectPerson" value="1" title="写作" lay-skin="primary">
{{# }); }}
</script>
</div>
</div>
<div style="text-align:center;padding-top: 40px;">
<div class="layui-form-item">
<button class="layui-btn" lay-submit lay-filter="submit">立即提交</button>
</div>
</div>
</div>
</div>
<script src="./component/layui/layui.js"></script>
<script src="./component/pear/pear.js"></script>
<script src="./component/other/js/base64.js"></script>
<script>
layui.use(['form', 'jquery', 'laytpl'], function () {
let form = layui.form;
let $ = layui.jquery;
let laytpl = layui.laytpl;
$.ajax({
type: "GET",
dataType: "json",
url: "/FengHuang/TouPiao/getHouXuanRenList?type_id=1",
success: function (data) {
var checkboxPersonTpl = checkboxPersonScript.innerHTML,
checkboxPersonView = document.getElementById('checkboxPersonView');
laytpl(checkboxPersonTpl).render(data, function (html) {
checkboxPersonView.innerHTML = html;
});
}
});
form.on('submit(submit)', function (data) {
var arr = new Array();
$("input:checkbox[name='selectPerson']:checked").each(function (i) {
arr[i] = $(this).val();
});
3 years ago
if(arr.length!=2){
layer.msg('必须选中2人', {icon: 5,time: 2000});
return;
}
console.log("22222");
3 years ago
return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
})
</script>
</body>
</html>