layui表单赋值与表单取值

最新推荐文章于 2025-10-23 01:49:48 发布

原创最新推荐文章于 2025-10-23 01:49:48 发布 · 1.2w 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#layui表单赋值与表单取值

闲聊专栏收录该内容

168 篇文章

订阅专栏

本文介绍了一个使用layui框架进行表单赋值和取值的具体示例，展示了如何通过JavaScript操作layui的form模块，实现表单数据的动态填充和获取，包括用户名、密码、兴趣等字段。

//表单赋值
  layui.$('#LAY-component-form-setval').on('click', function(){
    form.val('example', {
      "username": "贤心" // "name": "value"
      ,"password": "123456"
      ,"interest": 1
      ,"like[write]": true //复选框选中状态
      ,"close": true //开关状态
      ,"sex": "女"
      ,"desc": "我爱 layui"
    });
  });
  
  //表单取值
  layui.$('#LAY-component-form-getval').on('click', function(){
    var data = form.val('example');
    alert(JSON.stringify(data));
  });

关注博主即可阅读全文