关键词:
请勿盗版,转载请加上出处http://blog.csdn.net/yanlintao1
请勿盗版,转载请加上出处http://blog.csdn.net/yanlintao1
先给大家看看图片效果,大家不要直接复制代码,这样是执行不了的,由于你们数据库和我的不一样,可是你们能够自己读读这个代码。找找对自己实用的,当然我的方法也不是最好的希望大家能够给点意见。感激不尽。
(1)点击改动图标
(2)填写改动内容
(3)点击确定改动
jquery与css代码:
<style type="text/css"> .open{ display:block; } .close{ display:none; } </style> <script language="javascript"> $(function(){ //监听改动,实现显示关闭之间的切换 $("tr").delegate("td[id='modify']","click",function(){ var id = $(this).attr('name'); $("#"+id).toggleClass("close"); }); //监听改动的确认改动button,并以ajax方式提交 $("td").delegate("input[name='update[]']","click",function(){ var id=$(this).parent().parent().attr('name'); var student_id1=$("input[name='student_id1']").map(function(){return $(this).val()}).get(); var date1=$("input[name='date1']").map(function(){return $(this).val()}).get(); var beforeclass_id1=$("input[name='beforeclass_id1']").map(function(){return $(this).val()}).get(); var class_id1=$("input[name='class_id1']").map(function(){return $(this).val()}).get(); var type1=$("select[name='type1']").map(function(){return $(this).val()}).get(); var remark1=$("input[name='remark1']").map(function(){return $(this).val()}).get(); $.post("/qtsc/update" ,{student_id1:student_id1[id],date1:date1[id],beforeclass_id1:beforeclass_id1[id],class_id1:class_id1[id],type1:type1[id],remark1:remark1[id]},function(data){ if(data=='班级格式错误或不存在,请检查!'){ alert(data); }else{ alert(data); location.reload(); } }); }); }); </script>
html代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" rel="stylesheet" href="/css/dmcx.css"/> <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/cxjl.js"></script> <script type="text/javascript" src="/My97DatePicker/WdatePicker.js"></script> <title>MYTITLE</title> </head> <body bgcolor="#fff"> <form method="post" name="reqForm" action="/Qtsc/delete"> <table align="center" id="rounded-corner" > <thead> <tr> <th scope="col" class="rounded-company">全选<input type='checkbox' name="allsel" onclick="check_all(this,'id[]')"/></th> <th scope="col" class="rounded">姓名</th> <th scope="col" class="rounded">学号</th> <th scope="col" class="rounded">时间</th> <th scope="col" class="rounded">最初班级</th> <th scope="col" class="rounded">终于班级</th> <th scope="col" class="rounded">学籍变动类型</th> <th scope="col" class="rounded">备注</th> <th scope="col" class="rounded-q4">改动</th> <th scope="col" class="rounded-q4">删除</th> </tr> </thead> <tbody id="cxjg"> <?php $k = 0; $class = $this->class; $beforeclass = $this->beforeclass; foreach ($res=$this->studentchange as $key=>$value){ $id=$value["id"]; $url="/qtsc/delete?id[]={$id}"; echo "<tr>"; echo "<td><input type='checkbox' name='id[]' value='".$id."'/></td>"; echo "<td>".$value['name']."</td>"."<td>".$value['student_id']."</td>"."<td>".$value['date']."</td>"."<td>".$beforeclass[$key]."</td>"."<td>".$class[$key]."</td>"."<td>".$value['type']."</td>"."<td>".$value['remark']."</td>"; echo "<td name='".$id."' id='modify'><a href='#' id='alter'><img src='/images/user_edit.png' /></a></td>"; echo '<td><a href="'.$url.'" name="delete"><img src="/images/trash.png" alt="" title="" border="0" /></a></td>'; echo "</tr>"; echo "<tr class='close' name='".$k."' id='".$id."'> <form method='post' action='/qtsc/update'> <td></td> <td><input type='hidden' name='student_id1' value='".$value['student_id']."'</td> <td>日期<input type='text' name='date1' value='".$value['date']."' class='Wdate' onclick='WdatePicker()'/></td> <td>最初班级<input type='text' name='beforeclass_id1' value='".$beforeclass[$key]."'/></td> <td>终于班级<input type='text' name='class_id1' value='".$class[$key]."' /></td> <td>学籍异动类型<select name='type1' value='".$value['type']."'> <option value='".$value['type']."'>".$value['type']."</option> <option value='转专业'>转专业</option> <option value='试读'>试读</option> <option value='休学'>休学</option> </select></td> <td>备注<input type='text' name='remark1' value='".$value['remark']."'/></td> <td></td> <td><input type='button' name='update[]' value='确定改动'/></td> <td></td> </form> </tr>"; $k++; } ?> </tbody> </table> </form> <div class="bts"> <a href="/qtsc/qtscadd" class="bt"><span class="bt_lft"></span><strong>加入记录</strong><span class="bt_r"></span></a> <a href="javascript:void(0)" onclick="isdo()" class="bt"><span class="bt_lft"></span><strong>删除所选</strong><span class="bt_r"></span></a> <!--<a href="javascript:document.reqForm.submit();" class="bt"><span class="bt_lft"></span><strong>删除所选</strong><span class="bt_r"></span></a>--> </div> </body> </html>zend framework 在这里我仅仅写控制器中的action。模型省略写,其它的不重要的也不写
//检查学生 public function checkstuAction(){ $stu_id=$this->getRequest()->getParam("stu_id"); $student = new Student(); $res = $student->getStudent($stu_id); $studentchange = new Studentchange(); $res3 = $studentchange->getStuchange($stu_id); $beforeclass_id = $this->getRequest()->getParam('beforeclass_id'); $class_id = $this->getRequest()->getParam('class_id'); $classes = new Classes(); $res1 = $classes->getClassid($beforeclass_id); $res2 = $classes->getClassid($class_id); if(count($res)==0&&count($res3)!=0){ echo '此学号不存在,或在学籍异动中该学生已经存在'; exit(); }elseif(count($res1)==0||count($res2)==0){ echo '班级格式错误或不存在。请检查!'; exit(); }else{ echo 'ok'; exit(); } } //改动 public function updateAction(){ //取值 $student_id1 = $this->getRequest()->getParam('student_id1'); $date1 = $this->getRequest()->getParam('date1'); $beforeclass_id1 = $this->getRequest()->getParam('beforeclass_id1'); $class_id1 = $this->getRequest()->getParam('class_id1'); $type1 = $this->getRequest()->getParam('type1'); $remark1 = $this->getRequest()->getParam('remark1'); //转化班级名为ID $classes = new Classes(); $res1 = $classes->getClassid($beforeclass_id1); $res2 = $classes->getClassid($class_id1); if(count($res1)==0||count($res2)==0){ echo '班级格式错误或不存在。请检查!'; exit(); } $data = array( 'student_id'=>$student_id1, 'date'=>$date1, 'beforeclass_id'=>$res1[0]['id'], 'class_id'=>$res2[0]['id'], 'type'=>$type1, 'remark'=>$remark1 ); $studentchange = new Studentchange(); $db = $studentchange->getAdapter(); $where = $db->quoteInto('student_id=?',$student_id1); $flag=$studentchange->update($data, $where); // $date1 = array( // 'class_id'=>$res2[0]['id'] // ); // $student = new Student(); // $db1 = $student->getAdapter(); // $where1 = $db1->quoteInto('id=?
',$student_id1); // $flag1 = $student->update($data1, $where1); if(count($flag)==0){ echo '您未改动内容或填写格式错误,请检查!'; exit(); }else{ echo '改动成功。'; exit(); } }
请勿盗版,转载请加上出处http://blog.csdn.net/yanlintao1
用jquery怎么实现点击显示,再一次点击隐藏
1、Jquery使用内置的show和hide方法就可以实现,具体的操作步骤首先需要打开hbuilder编辑器,新建一个a标签和一段隐藏的div,设置好它们的id属性,并设置一些简单的样式:2、然后引入Jquery的库文件,编写代码。首先获取a标签的do... 查看详情
用数据切换属性打开的jQuery关闭div?
】用数据切换属性打开的jQuery关闭div?【英文标题】:ClosedivwithjQuerywhichopenedwithdatatoggleattribute?【发布时间】:2013-09-0221:35:43【问题描述】:我有几个隐藏的div使用引导和数据切换打开,我不能显示多个隐藏的div,所以当打开一... 查看详情
jQuery 选项卡隐藏/显示面板以及选项卡背景更改
】jQuery选项卡隐藏/显示面板以及选项卡背景更改【英文标题】:jQuerytabshide/showpanelsplustabbackgroundchange【发布时间】:2013-04-2716:33:49【问题描述】:我尝试了所有我知道的东西(不像我是javascript/jquery的新手)。我有两个按钮A和B... 查看详情
带有 JQuery 的 Rails 5:带有显示和隐藏 JQuery 切换的表单最初会显示,但在我刷新页面后会隐藏起来
】带有JQuery的Rails5:带有显示和隐藏JQuery切换的表单最初会显示,但在我刷新页面后会隐藏起来【英文标题】:Rails5withJQuery:FormwithshowandhideJQuerytogglewillshowinitially,buthidelikeitshouldafterIrefreshthepage【发布时间】:2017-03-1820:50:29【问题... 查看详情
jquery:jquery效果(隐藏显示切换,滑动,淡入淡出,以及动画)
JQuery:效果JQuery效果有很多,包括隐藏、显示、切换,滑动,淡入淡出,以及动画等。隐藏:JQueryhide()显示:JQueryshow()切换:JQuerytoggle()淡入淡出:JQueryfadeIn()、JQueryfadeOut()、JQueryfadeToggle()、JQueryfadeTo()滑动:JQueryslideDown()、JQuer... 查看详情
jquery实现鼠标滑过显示导航下拉列表
我们往往是将同一级目录下的栏目先隐藏起来,当用户的鼠标滑过时则显示出来。这就是用javascript实现的一个导航栏下拉列表,下面为大家讲解下是如何实现的,当网站导航栏项目很多的时候,我们往往是将同一级目录下的栏... 查看详情
jquery表单
end(),链式调用时如果中间对象发生了,可以在后面接一个.end()就可以重新返回到初始对象,然后又可以接着进行链式调用了。toggle()可以直接理解为显示/隐藏,直接用的时候就是起到显示/隐藏的作用,而toggleClass就可以理解为... 查看详情
用jquery实现简单的菜单隐藏于切换(代码片段)
《锋利的JQuery》第一个demo<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><scripttype="text/javascript"src="jquery-3.3.1.min.js"><... 查看详情
el-table实现隐藏列切换时引起列表重绘抖动
参考技术A工作中用到了elementuitable去实现列表显示数据。由于table的列数过多,产品要求可以让用户自己设置显示的列数。于是利用v-if结合el-table-column实现了table的自定义列数显示。虽然功能实现了,但在操作某一列数据由隐藏... 查看详情
如何隐藏excel表单
...,此表单关联其他数据但是又不像呈现出来。请问该如何实现?我给大家介绍一种隐藏工作表的方法,通过这种方法隐藏的工作表,别人显示不出来。 1、启动Excel,打开相应的工作簿文档。 2、按下Alt+F11组合键进入VBA编... 查看详情
Jquery淡入+切换类(隐藏)
】Jquery淡入+切换类(隐藏)【英文标题】:JqueryfadeIn+toggleclass(hide)【发布时间】:2014-07-1208:32:05【问题描述】:我想要的效果是(1)“abc”div最初没有显示,(2)它在页面加载时慢慢淡入,(3)页面上有一个按钮,onclick可以切换“隐... 查看详情
用jquery怎么实现点击显示,再一次点击隐藏
用jquery实现点击显示,再一次点击隐藏的方法是使用toggle方法。说明:toggle()方法切换元素的可见状态。如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。举例说明:<html><head><scripttype="t... 查看详情
jquery效果:隐藏显示切换滑动淡入淡出动画
jQuery效果隐藏、显示、切换、滑动、淡入淡出、以及动画1、隐藏与显示(改变:display:none;)hide()——隐藏show()——显示toggle()方法:可以使用它来切换hide()与show()方法eg1:显示<styletype="text/css">*{margin:0;padding:0;}.body{font-size:12px... 查看详情
jquery显示和隐藏以及淡出淡入效果
jQuery实现动画效果?1)显示和隐藏show():显示hide():隐藏togger():显示和隐藏的组合1234<scripttype="text/javascript">$(function()$("tr:even").css("background-color","gray").eq(1).css("background-color","red");//设置tr的偶数的背景 查看详情
简单地做一下“回到顶部”按钮,用jquery实现其隐藏和显示(代码片段)
1、首先,我们要准备HTML代码:<divid="return-top"><ahref="#top">返回顶部</a></div>这里的<a>标签里面的href=“#top”就表示点击它就可以回到顶部,就不写回到顶部的代码了2、设置其CSS样式:#return-topwidth:50px;h... 查看详情
html5如何实现弹出提示框,并且伴随遮罩层并且可以关闭弹出框
就是html5(jQuery也行)点击确定,实现遮罩层效果,并且有弹出框,还有点击X实现关闭,如图,最好是代码在线等,谢谢各位了。如果好的还可以再加分谢谢大家了在线等通过jquery的show()和hide()函数联合使用,实现弹出窗口。一... 查看详情
为jqueryeasyui表单组件增加“焦点切换”功能
1、背景说明 在使用JQuery EasyUI各表单组件时,实际客户端页面元素是由 JQuery EasyUI生成的,元素的焦点切换,虽然Tab键可以正常用,但顺序控制属性 tabindex不起作用,因为页面看到的元素,是生成的,... 查看详情
iOS如何实现下拉列表以及如何关闭它?
】iOS如何实现下拉列表以及如何关闭它?【英文标题】:iOShowtoimplementadropdownlistandhowtotakecareofclosingit?【发布时间】:2012-03-1217:59:38【问题描述】:我需要一些关于如何在iOS中实现下拉列表类功能的意见。我想到了一些解决方案... 查看详情