下拉复选框
来源：互联网 发布：org.apache.http post 编辑：程序博客网 时间：2024/05/22 09:46
<!--将Layuigg改导入 的包导入，官网说的很清楚。然后注意将head头文件中的
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>开始使用Layui</title>
<link rel="stylesheet" href="layui-v2.1.5/layui/css/layui.css">
<link rel="stylesheet" href="css/user.css">
<script type="text/javascript" src="js/user.js"></script>
<script src="layui-v2.1.5/layui/layui.js"></script>
<script src="js/jquery-1.11.3.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#show").click(function() {
$("#p1").toggle();
$("#bt1").toggle();
$("#bt2").toggle();
});
});
</script>
<script>
//Demo
layui.use('form', function() {
var form = layui.form;
//监听提交
form.on('submit(formDemo)', function(data) {
layer.msg(JSON.stringify(data.field));
return false;
});
});
</script>
</head>
<body>
<form class="layui-form" action="">
<div>
<label class="layui-form-label" style="margin-left: 70px;">拥有角色</label>
<div>
<div class="layui-input-block">
<input id="show" type="text" name="role" lay-verify="required" placeholder="点击我选择 / 关闭角色 " autocomplete="off" class="layui-input" style="width: 200px;">
<img src="img/2017-09-25_171846.png" id="bt1" style="margin-left: 235px;margin-top: -60px;" />
<img src="img/2017-09-25_171907.png" id="bt2" style="margin-left: 235px;margin-top: -60px; display: none;" />
</div>
<div id="p1" style="height:140px;width:200px;background-color:honeydew; margin-left: 180px; margin-top: -15px; display: none; z-index: 2; position: absolute;"><br />
<input name="like1[read]" lay-skin="primary" title="民警" type="checkbox"><br />
<br />
<input name="like1[read]" lay-skin="primary" title="刑警" type="checkbox"><br />
<br />
<input name="like1[read]" lay-skin="primary" title="交警" type="checkbox"><br />
<br />
<input name="like1[read]" lay-skin="primary" title="防爆警" type="checkbox">
</div>
</div>
</div>
</form>
</body>
</html>
阅读全文
0 0
- 下拉框，复选框
- smarty 复选下拉框
- 复选下拉框CCheckComboBox
- 下拉复选框
- 下拉带复选框之一
- 下拉列表加复选框
- Extjs 复选框下拉列表
- Swing下拉复选框菜单
- 复选框与下拉框的交互
- jquery下拉框，单选框，复选框
- 下拉框和复选框关联
- 下拉框中嵌套复选框
- JQuery下拉框与复选框
- jquery下拉框，单选框，复选框
- 关于下拉框，复选框的问题
- HTML下拉框、文本框、复选框！
- 带复选框的下拉框
- HTML下拉框、文本框、复选框！
- Linux循环进入子目录执行make指令
- c语言strchr函数
- 使用bigdecimal来保留小数
- Java 反射
- python 线程理解
- 下拉复选框
- Qt见解：Post 与 Get 的区别（Get将参数直接与网址整合为一个整体，而Post则将其拆为两个部分）
- leetcode: 538. Convert BST to Greater Tree
- ???题目3 : Matrix
- 失败重试策略
- 向github上push代码
- The Accomodation of Students HDU
- 线段树·P1247贪婪大陆
- 测试微信营销2
