首页 > 后端开发 > 正文

layui框架php表单提交 layui提交表单怎么获取复选框的值

2023-09-18 18:58:41 | 我爱编程网

在平时的学习生活当中,对于后端开发一定都很关心,今天我爱编程网小编为大家整理了layui框架php表单提交 layui提交表单怎么获取复选框的值,希望能够帮助到大家。

layui框架php表单提交 layui提交表单怎么获取复选框的值

layui提交表单怎么获取复选框的值

layui获取checkbox复选框值 - dongsir

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui.form.checkbox 获取选中</title>
<link rel="stylesheet" href="layui/css/layui.css" media="all">
</head>
<body>
<form class="layui-form"> <!-- 提示:如果你不想用form,你可以换成div等任何一个普通元素 -->
  <div class="layui-form-item">
    <label class="layui-form-label">复选框</label>
    <div class="layui-input-block">
      <input type="checkbox" name="CSDN" lay-filter="like" title="复选框一" value="dongsir">
      <input type="checkbox" name="CSDN" lay-filter="like" title="复选框二" value="董先生">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">开关关</label>
    <div class="layui-input-block">
      <input type="checkbox" name="switch" lay-skin="switch" value="董辉">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">开关开</label>
    <div class="layui-input-block">
      <input type="checkbox" name="switch" checked lay-skin="switch" value="董先生的CSDN">
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="*">立即提交</button>
    </div>
  </div>
</form>
<script src="layui/layui.js"></script>

JS部分


代码:

layui获取checkbox复选框值

layui框架php表单提交 layui提交表单怎么获取复选框的值我爱编程网

layui的from表单提交到后台

我们在使用layui的时候,一般通常都用ajax去提交数据到后台,但是layui的from表单给我们提供了自动提交的方法,soEasy!!!

上面就是我们使用的from表单,我们的提交按钮必须要在from表单中,并且要加上type="submit"属性

action中的地址是我们 controller的地址

但是我们还要在在 表头 加上basepath,

这是项目的路径,这样就生效了,就可以直接提交到后台了

layui框架php表单提交 layui提交表单怎么获取复选框的值

layui表单提交为什么有两次



(1) 一般用layui导致提交两次,会想到的是在绑定on sumit的时候没有return false,导致没有把常规提交方式拦截下来,再次访问了action
如果你想了解更多关于layui的知识。可以点击:layui教程
form.on('submit(formDemo)', function (data) {
var fd = new FormData($('form')[0]);
$.ajax({
type: "POST",
url: '/admin/adduser.do',
data: fd,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (res) {
if (res.status == 200) {
layer.msg(res.msg, {time: 2000});
var url = "/admin/views/users.html"; // 跳转
setTimeout(function () {
window.location.href = url
},2000);
} else {
layer.msg(res.msg, {time: 2000});
}
}
});
return false; // 这段很关键
});(2) 然而我的问题不是这个,我访问了两次的后端接口,特别奇怪,对前端进行调试之后发现多引用了一遍layui.all.js,也就是说页面要被渲染两次,当然就被提交两次了
<script src="../assets/layui.all.js"></script>
<script src="../assets/layui.all.js" charset="utf-8"></script>
<script src="../jquery.js"></script>

以上就是关于layui框架php表单提交 layui提交表单怎么获取复选框的值的全部内容了,如果需要了解更多相关资讯敬请关注我爱编程网。
与“layui框架php表单提交 layui提交表单怎么获取复选框的值”相关推荐
php框架iview iview表单提交的值怎么来获取和生成表格
php框架iview iview表单提交的值怎么来获取和生成表格

vue和iview以及less如何实现换肤的功能(附代码)本篇文章给大家带来的内容是关于vue和iview以及less如何实现换肤的功能(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。项目搭建用的vue—cli,css框架选择的iview1、首先安装less支持npminstall--save-devless-loaderless然后去build文件夹

2023-09-02 14:15:37
php表单框架代码 如何用PHP实现表单提交
php表单框架代码 如何用PHP实现表单提交

如何用PHP实现表单提交创建go.php,代码如下&lt;?php@$username=$_POST['name'];@$usermessage=$_POST['message'];if(!empty($username)||!empty($usermessage)){echo"您的姓名:".$username.",您的留言内容:".$usermessage;}

2023-09-09 23:49:41
php怎么使用layui框架 Layui框架:layui的常用组件[表单]
php怎么使用layui框架 Layui框架:layui的常用组件[表单]

Layui框架:layui的常用组件[表单]layui的所有图标全部采用字体形式(单一色彩),取材于阿里巴巴的矢量图标库。通过对一个内联元素(一般使用的是i标签),设定class=="layui-icon",来定义一个图标,然后对元素加上图标对应的font-class,即可显示出对应的图标。向任意HTML元素设定class="layui-btn",建立一个基础按钮,通过追加格式为

2023-09-18 19:09:41
php框架ajax 在Lavarel框架中ajax需要怎么提交表单
php框架ajax 在Lavarel框架中ajax需要怎么提交表单

在Lavarel框架中ajax需要怎么提交表单这次给大家带来在Lavarel框架中ajax需要怎么提交表单,在Lavarel框架中ajax提交表单的注意事项有哪些,下面就是实战案例,一起来看一下。laravel简介:Laravel是一套简洁、优雅的PHPWeb开发框架(PHPWebFramework)。它可以让你从面条一样杂乱的代码中解脱出来;它可以帮你构建一个完美的网络APP,而

2023-09-03 23:55:52
php框架拼路径 php 用ci 框架 form表单提交路径怎么写
php框架拼路径 php 用ci 框架 form表单提交路径怎么写

如何查看php安装位置查看php安装位置的方法:首先使用命令“find/-namephp.ini”查看系统是否有php的配置文件;然后利用“netstat-ntpl”查看9000端口是否在运行;最后通过“php-v”php版本信息即可。推荐:《PHP视频教程》linux查看php环境安装路径1、首先可以利用find/-namephp.ini查找一下,系统是否有php的配置文件

2023-09-09 05:03:43
php框架路径怎么写 php 用ci 框架 form表单提交路径怎么写
php框架路径怎么写 php 用ci 框架 form表单提交路径怎么写

使用thinkphp框架,公共js和css放置哪个目录1,对于服务器单项目或是多项目共用的js或是css文件来说,可以直接放到/Public目录,在模板使用类似__PUBLIC__/js/common.js路径调用.2,对于多项目,项目之间不进行共用的js和css文件,可以放置到项目目录/Public下,这个时候需要在项目config.php下添加一个模板解析,指向该路径.不建议这么做,因为

2023-09-22 15:10:56
layui框架php传递数据 layui封装弹出层提交数据方法
layui框架php传递数据 layui封装弹出层提交数据方法

在layui中通过a链接给服务器端传递数据,怎么传可以使用jquery的语法去进行。先写一个function的函数,里面可以使用ajax去用a连接传数据,再用$("#idName")去绑定即可。function test(){$.ajax({        url:"blrzAction.action",        type:"post",        data:{   

2023-09-23 21:17:14
web前端开发表单验证 C#WEB 如何做到表单提交+验证
web前端开发表单验证 C#WEB 如何做到表单提交+验证

C#WEB如何做到表单提交+验证提交时通过Form表单做的如下&lt;formaction=""name="mf"method="get"&gt;&lt;inputtype="submit"onclick="fun1()"&gt;//提交是由提交按钮完成的运行js函数是通过事件完成的&lt;/form&gt;&lt;scrtiptlanguage="javascript"

2023-10-06 17:03:21