反选及删除等操作的章程详细解释_jquery_脚本之家

本文实例呈报了jQuery落成模糊找出效果的点子。分享给我们供大家参谋,具体如下:

本文实例呈报了jQuery完毕checkbox全选、反选及删除等操作的办法。分享给我们供大家参照他事他说加以考察,具体如下:

职能一:关键字搜索

1.list.html

反选及删除等操作的章程详细解释_jquery_脚本之家。1、寻觅出的结果,前台先要清空原有表格

说明:用checkbox数组Check[]贮存每一行的ID值

$.empty;

ID

2、后台再次来到的json格式字符串 js eval 专成对象

Name

var stus = eval;

Date

在循环进行字符串拼接到表格上

10001

$;

$.click { var id = $.trim; var classname = $.trim); var clazz = $.trim; if (id == "" & classname == "" & clazz == "") { alert; } else { $.ajax({ type : "post", url : "SearchServlet", data : { "type" : "find", "id" : id, "classname" : classname, "class" : clazz }, success : function { if  { alert.val.val.val; } var stus = eval; $.empty; var str = ""; for (var i = 0; i < stus.length; i++) { str = str + "" + stus[i].id + "

XXX

” str = str + “

2015-12-01

” + stus[i]金沙8331网址,.studentNo + “

10002

” str = str + “

XXX

” + stus[i].studentName + “

2015-12-02

” str = str + “

10003

” + stus[i].studentClass + “

XXX

” str = str + “

2015-12-03

” + “” + “删除” + “” + “

2.功能:全选/全不选

” } $; } } ); }});

表明:如若要求这里还足以依附接受结果突显/掩没等按键

效率二:input框删除关键字,动态突显全体结果

//全选/全不选 $.bind{ $("input[name='Check[]']").prop("checked",this.checked); //显示删除按钮 /*if{ $("input[name='Delete'").css; }else{ $("input[name='Delete'").css; }*/ });

1、a标签动态传参,传给后台实行删减,使用字符串拼接

3.功效:批量刨除

str = str + "" + "" + "删除" + "" + "

证实:需注意的是在传值的的时候,要把收获的数组checkData转变成字符串checkData.toString()

//批量删除$.click{ if(confirm{ var checks = $("input[name='Check[]']:checked"); if{ alert;return false;} //将获取的值存入数组 var checkData = new Array(); checks.each{ checkData.push; $.get("",{Check:checkData.toString{ if{ window.location.reload;
$.on { var id = $.trim; var classname = $.trim); var clazz = $.trim; if (id == "" && classname == "" && clazz == "") { $.ajax({ type : "post", url : "SearchServlet", data : { "type" : "all", }, success : function { var stus = eval; $.empty; var str = ""; for (var i = 0; i < stus.length; i++) { str = str + "" + stus[i].id + "

实在使用中频仍不止唯有批量剔除叁个操作,平日还应该有此外的批量操作,大家能够对地点代码优化整合一下,将通用的功能放在叁个文书中。

” str = str + “

通用文件:jquery.ready.js

” + stus[i].studentNo + “

表明:因为这一有个别相比通用能够放在三个公家的js文件之中,获取checkbox值能够写成二个变量函数

” str = str + “

//获取被选中checkbox值var checked = function(){ var checks = $("input[name='Check[]']:checked"); if{ alert;return false;} var checkData = new Array(); checks.each{ checkData.push; return checkData;};//全选/全不选$.bind{ $("input[name='Check[]']").prop("checked",this.checked); //显示删除按钮 /*if{ $("input[name='Delete'").css; }else{ $("input[name='Delete'").css; }*/});

//批量删除$.click{ if{ if(confirm{ $.get("",{Check:val.toString{ if{ window.location.reload;//批量操作...

” + stus[i].studentName + “

更加的多关于jQuery相关内容感兴趣的读者可查阅本站专项论题:《jQuery表格操作本领汇总》、《jQuery页面成分操作技术汇总》、《jQuery不足为奇事件用法与本事计算》、《jQuery
form操作本领汇总》、《jQuery常用插件及用法计算》、《jQuery扩展技术总计》及《jquery选取器用法计算》

” str = str + “

企望本文所述对大家jQuery程序设计有所帮忙。

” + stus[i].studentClass + “

” str = str + “

” + “” + “删除” + “” + “

” } $; } } ); }});

成效三:删除 table中的数据

在a标签里面传参 js写在a标签里面包车型客车二种艺术

删除

删除

function a { $.ajax({ type : "get", url : "SearchServlet?type=delete&删除成功" == msg) { $.remove;}

更加多关于jQuery相关内容感兴趣的读者可查阅本站专项论题:《jQuery表格操作本领汇总》、《jQuery切换特效与技艺计算》、《jQuery扩张本事计算》、《jQuery常用插件及用法总括》、《jQuery拖拽特效与技术总结》、《jquery中Ajax用法总括》、《jQuery不足为道卓越特效汇总》、《jQuery动漫与特功能法总计》及《jquery选拔器用法计算》

期待本文所述对我们jQuery程序设计具备利于。

发表评论

电子邮件地址不会被公开。 必填项已用*标注