使用sortable 对table列表进行拖拽排序
<table id="sort" name="Register_GameId" class="table table-bordered ui-sortable"> <tbody> <tr style="opacity: 1;" class=""><td><input type="checkbox"></td><td>1</td><td>****</td></tr> <tr style="opacity: 1;" class=""><td><input type="checkbox"></td><td>37</td><td>****</td></tr> <tr style="opacity: 1;" class=""><td><input type="checkbox"></td><td>36</td><td>****</td></tr> <tr style="opacity: 1;" class=""><td><input type="checkbox"></td><td>31</td><td>****</td> </tr><tr style="opacity: 1;" class=""><td><input type="checkbox"></td><td>13</td><td>****</td> </tr><tr style="opacity: 1;" class=""><td><input type="checkbox"></td><td>32</td><td>****</td></tr> <tr style="opacity: 1;" class=""><td><input type="checkbox"></td><td>30</td><td>****</td></tr> </tbody> </table>
js代码
$(function () {//拖拽ibc游戏顺序 $("#sort").sortable({ cursor: "move", items: "tr", //只是tr可以拖动 opacity: 0.6, //拖动时,透明度为0.6 revert: true, //释放时,增加动画 update: function (event, ui) { //更新排序之后 var categoryids = $(this).sortable("toArray"); var $this = $(this); } }); $("#sort").disableSelection();//禁用选择匹配的元素集合内的文本内容。 });
获取排序后的列表
//获取table选中值 var arr = ""; var id = $("#sort input[type=checkbox]:checked").parent().next(); id.each(function (i, v) { // console.log(i, v); arr += $(v).text() + ','; }) arr = arr.slice(0, -1);
标签:sort,function,arr,Jq,var,table,拖拽 From: https://www.cnblogs.com/wuyabaibsd/p/17549598.html