在项目中涉及题库的批量上传功能，在此利用formdata进行文件上传，后台读取，进行批量插入。同时还需要带入teacherId和courseId两个参数，所以将文件和两个参数append到formdata中，传到后台。JQuery 函数的提交按钮执行的函数如下： <script type="text/javascript">//批量上传题库function fileSubmit() {var questionFile = new FormData();var fileObj = document.getElementById("questionFile").files[0];// js 获取文件对象...
Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。 最近遇到这样的需求要求把表格批量删除。下面通过实例代码给大家介绍下。 1：点击全选的选择框CheckBox，选中以下列表中所有的选择框 2：再次点击全选的选择框CheckBox，不选中以下列表中所有的选择框 3：单选某个选择框 如图所示： http://recordit.co/GLj5a5BWo9简单代码demo： <thead><tr role="row" class="heading"><th sty...
批量提交用jquery操作起来还是很方便的，主要的思路就是 在动态生成表格时每一行都存下这条数据的唯一id，然后监听选择，把选中的数据放入数组，最后提交到后台就OK了。 先上一部分代码（这是表头以及一个全选按钮）<table class="ui_table ui_table_hover ui_table_striped ui_table_style02 table_fixed"><tr><th width="3%" class="align_c"><input type="checkbox" onclick="chooseAll()" id="chooseAll" name="chooseAll"/></...
最近要用jQuery实现一个批量删除操作，效果如下图最终页面page.html，此页面使用了bootstrap和jQuery，如果没有需要下载一下 <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>视频管理</title><link rel="stylesheet" type="text/css" href="css/init.css" rel="external nofollow" /><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" rel="external nofollow" /><script src="js/jquery-3.2.1.mi...
有时候我们的后台系统表单比较复杂，做过进销存或者一些销售订单的都应该有过感觉。虽然Easyui Datagrid提供了行内编辑，但是不够灵活，但是我们稍微修改一下来达到批量编辑,批量删除,批量添加的效果。现在我们来看看原的编辑:来自Easyui 1.5.1的Demo <demo/datagrid/rowediting.html>接下来，我们主要是要高度自由的编辑实现：1.可以同时追加多行2.追加的行可以是任何位置3.可以随时进行编辑任意位置的行4.保存再统一验证 实现 在...
当表单数据项很多时，手动获取表单项的值将变得效率低下，结合jQuery提供的函数serialize()，我们可以实现快速获取数据并提交表单数据。 请看下面的表单： <form id="fm"><table><tr><td>姓名</td><td><input type="text" name="name" /></td></tr><tr><td>年龄</td><td><input type="text" name="age" /></td></tr><tr><td>密码</td><td><input type="password" name="password" /></td></tr><tr><td>性别</td><td><input type="r...
本文实例讲述了jQuery.Uploadify插件实现带进度条的批量上传功能。分享给大家供大家参考，具体如下： <%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpLoad.aspx.cs" Inherits="UploadifyDemo_UpLoad" %> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"><title>Jquery Uploadify上传带进度条，且多参数</title><link href="js/jquery.uploadify-v2.1.4/uploadify.css" rel="stylesheet...
本文实例讲述了jQuery实现批量判断表单中文本框非空的方法。分享给大家供大家参考，具体如下： 方法一： <script type="text/javascript"> /* * 批量验证表单非空 * 需要非空验证控件的样式class="mustadd" */ $(".mustadd").each(function(){ if($(this).val() == ){alert("该项不可为空！");$(this).focus();return false; } }) </script>方法二： <script type="text/javascript"> //批量验证表单非空 function checkForm(arr){...
有时项目中需要一个文件批量上传功能时，个人认为uploadify是快速简便的解决方案，分享给大家供大家参考，具体如下 先上效果图：具体代码如下： 在页面中如下完整页面代码 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-...
本文实例讲述了jQuery实现复选框批量选择与反选的方法。分享给大家供大家参考。具体实现方法如下： function selectAll(){$(input[type|=checkbox]).attr(checked,checked); } function cancelAll(){$(input[type|=checkbox]).removeAttr(checked); }希望本文所述对大家的jQuery程序设计有所帮助。
此代码仿照jquery源码中$.when()的实现代码如下:function test(i) { var dfd = $.Deferred(); if(i%2 == 0) { console.log("resolve " + i); dfd.resolve(); } else { console.log("failure " + i); dfd.reject(); } return dfd.promise();}function call() { var dfd = $.Deferred(); var remain = 10; for(var i=0;i< 10;i++){ test(i).done(function() { ...
代码如下:<script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".ddd input").attr("disabled","disabled"); $(".ddd select").attr("disabled","disabled"); }); </script> <div class="ddd"> <input type="text" disabled> <input type="text"> <input type="text"> <input type="text"> <select name="ddls...
前面要加载一个jquery库。 <script type="text/javascript"> var setNewsImg = function(obj){ $(obj).find(img).each(function(i){ var imgw = $(this).width(); var imgh = $(this).height(); var scale=1; if(imgw>634){ scale = 634/imgw; console.log(scale); $(this).height(scale*imgh); $(this).width(scale*imgw); } }); } </script type="text/javascripy"> 调用 <script> $(function(){ setNewsImg(....
代码如下:<input type="button" value="btn1" id="btn1"/> <input type="button" value="btn2" id="btn2"/> <input type="button" value="btn3" id="btn3"/> <script type="text/javascript"> for(var i=1;i<=3;i++){ document.getElementById('btn' + i).onclick = (function(j){ return function(){ alert(j); } })(i); } </script> 下面是结合了jquery的代码，原理都是一样的在使用javascript批量绑定页面上的元素并传递递增编号...
以下代码，运行后，需要刷新下，才能加载jquery,要不然看不到效果。1、单行滚动效果无标题文档 ul,li{margin:0;padding:0} #scrollDiv{width:300px;height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden} #scrollDiv li{height:25px;padding-left:10px;} function AutoScroll(obj){ $(obj).find("ul:first").animate({ marginTop:"-25px" },500,function(){ $(this).css({marginTop:"0px"}).find("li:first"...