Web前端—表单—批量处理

调试一个网站后台,添加一个批量删除按钮,删除按钮是,用onclick="javascript:this.form.action=‘URL‘;"

下方工具条是用JS谢了一个postdo方法,通过传至不同,而进行不同的操作。

测试代码: select.html —>中的表单

<form method="post" action="select.php">

<button id="deleteButton" class="btn btn-danger" onclick="javascript:this.form.action=‘select.php‘;">删除</button>

1:<input type="checkbox" name="id[]" id="ids" value="1"><br/>

2:<input type="checkbox" name="id[]" id="ids" value="2"><br/>

3:<input type="checkbox" name="id[]" id="ids" value="3"><br/>

4:<input type="checkbox" name="id[]" id="ids" value="4"><br/>

5:<input type="checkbox" name="id[]" id="ids" value="5"><br/>

6:<input type="checkbox" name="id[]" id="ids" value="6"><br/>

</form>

select.php 内容

<?php

$id = $_GET[‘id‘];

$idAry = $_POST[‘id‘];

print_r($id);

print_r($idAry);

exit();

?>

打印出传输过来的数据

第一个有Notice,是因为$_GET为空。

$_POST在多选的情况可以得到数组,进行批量处理。

这里要注意 input:checkbox的name需要带“[]”,不然会出现传值错误。

{测试过程中,老是传不到值,最后发现页面中有两个表单,导致提交的表单有误,最后修正。}

——————华丽分割线————————————————————————————————

系统是用别人做的,就多看了下源码的php批量处理操作

传到delete方法

对传递过来的每个值都循环操作一次,这个是帖子的删除,还需要对帖子下面的回帖一并删除。

public function delete() {

$_Obj = M($this->objName);

$msgObj = new Msg();

$id = $_GET[‘id‘];

$idAry = $_POST[‘id‘];

$idStr = count($idAry) == 0 ? intval($id) : implode(",", $idAry);

$newIdAry = explode(",", $idStr);

$idSize = count($newIdAry);

if (empty($newIdAry[0]) && empty($id)) {

//这个是消息提示方法,error错误提示,

$msgObj->addMsg(‘error‘, Config::lang("PLEASECHOOSEDELETEDATA"));

}

for ($i = 0; $i < $idSize; $i++) {

if ($_Obj->haveReply($newIdAry[$i])) {

$_Obj->query(‘delete from ‘.TABLEPRE.‘bbs_comment where topicid = ‘.$newIdAry[$i]);

$_Obj->deleteById($newIdAry[$i]);

$msgObj->addMsg(‘success‘, Config::lang("删除成功"));

} else {

$_Obj->deleteById($newIdAry[$i]);

}

//$_Obj->query(‘delete from ‘.TABLEPRE.‘bbs_comment where topicid = ‘.$newIdAry[$i]);

//$_Obj->deleteById($newIdAry[$i]);

}

if (!$msgObj->hasMsg) {

$_Obj->delete();

}

$this->listAll();

}

时间: 2024-08-02 02:42:35

Web前端—表单—批量处理的相关文章

6个漂亮的Web前端表单提交以及搜索框(下)

4.jQuery圆形修边注册表单 能在支持 FireFox.Chrome.Safari.傲游.搜狗.360浏览器. 源码下载/  在线演示 5.  HTML5超酷表单展示效果 源码下载  /  在线演示 6.  纯CSS3实现的紫色登录表单 源码下载 /  在线演示 6个漂亮的Web前端表单提交以及搜索框(下)

6个漂亮的Web前端表单提交以及搜索框(上)

1. 纯CSS3实现动画搜索框 源码下载  /  在线演示 2.  js text文本框字数限制 源码下载 /  在线演示 3.jQuery动态下拉登陆提示框 源码下载/   在线演示 6个漂亮的Web前端表单提交以及搜索框(上)

web前端表单验证

<form id="registerForm" action="" method="post"onsubmit="return checkForm();"> 用户名: <input type="text" id="username" name="username" maxlength="20" onblur="check

(七)JavaScript之[调试]与[前端表单验证]

12].调试为什么要去调试?1.在编写JavaScript时,如果没有调试工具将是一件很痛苦的事情.2.没有调试工具是很难去编写JavaScript程序的.3.编写的代码可能包含语法错误.逻辑错误,如果不借助调试工具,这些错误很难去发现4.帮助找到错误信息的位置 通常,在编写一个新的JavaScript代码过程中都会发生错误 代码调试:在程序代码中寻找错误 console.log()我用的chrome浏览器[控制台console等]进行调试,因为chrome的开发者工具是最好的前端调试工具deb

web Form 表单method=&quot;get&quot; method=&quot;post&quot; 区别

get和post方法的不同 在B/S应用程序中,前台与后台的数据交互,都是通过HTML中Form表单完成的.Form提供了两种数据传输的方式——get和post.虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响.虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是了解二者的差异在以后的编程也会很有帮助的. Form中的get和post方法,在数据传输过程中分别对应了HTTP协议中的GET和POST方法.二者主要区别如下: 1.Get是用来从

HTML5 web Form表单验证实例

HTML5 web Form 的开发实例! index.html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>HTML5表单验证</title> 6 <link rel="stylesheet" type="text/css" href="../css/style.

Web——form表单

HTML中的form表单有GET或POST方法.区别如下: [get:form表单里所填的值会附加在action指定的URL后面] [post:form表单里所填的值会附在headers上] 使用python创建一个web服务器,如果接收到method为get,则返回注册页面,让用户填写注册信息.一旦用户点下form中的注册按钮,客户端会发送POST请求,form中的值会跟在headers最后,接收到信息后返回一个打印用户输入信息的页面. <!DOCTYPE html> <html>

☆前端☆---表单标签

表单标签 能够接收用户输入(输入 选择 上传)并将其发送给后端 action控制数据提交的目的地 1.不写的情况下 默认提交到当前页面所在的路径 2.写全路径(https://www.baidu.com) 3.路径后缀(/index/) input input标签就类似于是前端变形金刚 type text:普通文本 password:密文 不展示明文 date:日期 submit:触发提交动作 button:普通按钮 没有实际意义 但是可以通过js绑定事件实现自定义动作 reset:重置表单内容

jQuery简单前端表单验证

<!DOCTYPE html> <html> <head> <title>表单验证</title> <script src="../scripts/jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $("