jquery 批量上下移动

HTML：
<button class="transfer ups">批量上移</button> <button class="transfer downs">批量下移</button>

<tr id="tr_{{ $v["id"] }}" data-id="{{ $v["id"] }}"><td><input type="checkbox" data-key={{$k}} name="sort" value="{{ $v["id"] }}" @if($v['fr_epg_status'] == Dictionary::getDictIdByKey('db.desktop.screen.status.offline')) disabled="true" @else class="onlines" @endif ></td>

</tr>

jquery:
$(function(){
//默认刷新后设置上次移动的选中值var screenKey = localStorage.getItem("dmsScreen"+id);if(screenKey!=undefined) {screenKey = screenKey.split(",");$.each(screenKey,function(index,value){$("input[name='sort'][value='"+value+"']").attr("checked", true);});}

//批量上移下移
//根据下标$(".ups,.downs").click(function () {var data = [];var keyList = [];var arrayList = [];var checkedList = [];var inputChecked = $("input:checkbox[name='sort']:checked");var leng = inputChecked.length;if(leng>0) {var onlines = $(".onlines");var onlinesLength = onlines.length;onlines.each(function (k, v) {arrayList[k] = $(this).val();});//取所选的位置inputChecked.each(function (k, v) {keyList[k] = $(this).attr("data-key");checkedList[k] = $(this).val();});console.log(keyList);var className = $(this).hasClass("ups");if (className) {if ($.inArray("0", keyList) != -1) {alert('不可上移');return false;}inputChecked.each(function (i) {var key = $(this).attr("data-key");var tmp = arrayList[key - 1];data[[key - 1]] = arrayList[key - 1] = arrayList[key];data[key] = arrayList[key] = tmp;});} else {if ($.inArray(String(onlinesLength - 1), keyList) != -1) {alert('不可下移');return false;}for (var i = leng - 1; i >= 0; i--) {var v = keyList[i];var t = v * 1 + 1 * 1;var tmp = arrayList[t];data[t] = arrayList[t] = arrayList[v];data[v] = arrayList[v] = tmp;}}$.post(DMSObj.baseUrl + 'admin/ajax/screensort', {"_token": "{{csrf_token()}}",data: data}, function (result) {if (result.error_code != 0) {alert(result.msg);return;}localStorage.setItem("dmsScreen"+id, checkedList);window.location.href = location.href});} else {alert('请至少选择一个');}});});// 根据字段sort
$(".ups,.downs").click(function () {var data = [];var keyList = [];var arrayList = [];var checkedList = [];var sortArray = [];var inputChecked = $("input:checkbox[name='sort']:checked");var leng = inputChecked.length;if(leng>0) {var onlines = $(".onlines");var onlinesLength = onlines.length;onlines.each(function (k, v) {arrayList[k] = $(this).val();sortArray[$(this).val()] = $(this).attr("data-sort");});//取所选的位置inputChecked.each(function (k, v) {keyList[k] = $(this).attr("data-key");checkedList[k] = $(this).val();});console.log(keyList);var className = $(this).hasClass("ups");if (className) {if ($.inArray("0", keyList) != -1) {alert('不可上移');return false;}inputChecked.each(function (i) {var key = $(this).attr("data-key");var tmp = arrayList[key - 1];var sortTmp =  sortArray[arrayList[key - 1]];data[arrayList[key - 1]] = sortArray[arrayList[key - 1]] = sortArray[arrayList[key]];arrayList[key - 1] = arrayList[key];data[arrayList[key]] = sortArray[arrayList[key]] = sortTmp;arrayList[key] = tmp;});} else {if ($.inArray(String(onlinesLength - 1), keyList) != -1) {alert('不可下移');return false;}for (var i = leng - 1; i >= 0; i--) {var v = keyList[i];var t = v * 1 + 1 * 1;var tmp = arrayList[t];var sortTmp =  sortArray[arrayList[t]];data[arrayList[t]] = sortArray[arrayList[t]] = sortArray[arrayList[v]];arrayList[t] = arrayList[v];data[arrayList[t]] = sortArray[arrayList[v]] = sortTmp;arrayList[v] = tmp;}}$.post(DMSObj.baseUrl + 'admin/ajax/screensort', {"_token": "{{csrf_token()}}",data: data}, function (result) {if (result.error_code != 0) {alert(result.msg);return;}localStorage.setItem("dmsScreen"+id, checkedList);window.location.href = location.href});} else {alert('请至少选择一个');}});});

jquery 批量上下移动相关推荐

jquery批量删除
前台代码 <!doctype html> <html lang="en"> <head><meta charset="UTF-8 ...
jquery批量获取form表单要提交的值
jquery代码: alert($("form").serialize()); 完整请求: 这个方法适用于get请求,对于post请求我没试过. $("#generate ...
jquery批量上传图片 java_简单多图片上传 jquery+java 代码
/** 添加歌曲 */ function addSong(){ var id=$("#_activity_id").val(); window.location.href = &q ...
Django 用 uploadify 实现图片批量上传
分享一下在Django中使用uploadify--一个jQuery批量上传插件--的方法.github上的django-uploadify使用的是2.1.4版本,上传button只能使用图片,不能很方 ...
html5拖拽图片批量ajax无刷新进度上传
1.前端拖拽图片之前有篇文章说到HTML5的拖拽(drag.drop,详见:/post/jquery-plugin-1-jquery-drag-and-html5-draggable-api-and ...
js jquery控制input为只读
input 框的只读属性: readonly 在页面中直接添加为只读时,可在input中直接添加 readonly="readonly",但是如果想通过点击按钮来改变的话,需要通过 ...
解决KindEditor无法安装flash插件实现图片批量上传
由于现在无法下载使用flash插件,导致KindEditor有的功能丧失,无法使用,本文主要解决图片无法批量上传的问题. 由于公司项目是混编项目,比较老旧且业务复杂,使用KindEditor的地方较多 ...
html移除class属性,jquery移除class样式
用jquery怎么取消掉div下的li的class样式 jquery如何去除class属性代码如下: var p_class = $("p").attr("class& ...
js控制input只读操作,jQuery控制input只读操作
1.js为<input>设置readOnly属性 <textarea name="content" id="content" cols=&qu ...

jquery 批量上下移动

jquery 批量上下移动相关推荐

最新文章

热门文章