layui/docs/form/examples/form.val.md

赋值 取值

输入框

密码框

选择框

写作 阅读 游戏 音乐 旅行

复选框

开关

单选框

文本域

<textarea placeholder="请输入" class="layui-textarea" name="desc"></textarea>

立即提交 重置

<script> layui.use(function(){ var $ = layui.$; var form = layui.form; // 表单赋值 $('#LAY-component-form-setval').on('click', function(){ form.val('demo-val-filter', { "username": "贤心", // "name": "value" "password": "AAAAAA", "interest": 1, "like[write]": true, // 复选框选中状态 "close": true, // 开关状态 "sex": "女", "desc": "Layui 用于更简单快速地构建网页界面" }); }); // 表单取值 layui.$('#LAY-component-form-getval').on('click', function(){ var data = form.val('demo-val-filter'); alert(JSON.stringify(data)); }); // 提交事件 form.on('submit(demo-val)', function(data){ var field = data.field; // 获取表单字段值 // 显示填写结果，仅作演示用 layer.alert(JSON.stringify(field), { title: '当前填写的字段值' }); // 此处可执行 Ajax 等操作 // … return false; // 阻止默认 form 跳转 }); }) </script>