首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery兑现连续选中的TR向下移动

2013-07-16 
jquery实现连续选中的TR向下移动一个table的每个TR钟有一个checkbox。然后将连续选中的TR向下移动一个单位。

jquery实现连续选中的TR向下移动
一个table的每个TR钟有一个checkbox。然后将连续选中的TR向下移动一个单位。
我的代码,它的执行顺序是从上往下,所以遇到选中行数位偶数时,位置没有变化;遇到选中行数为奇数时,选中的最后一行会下移其他位置不变。


//向下移动
function movedown(){
$.each($("table input:checked"),function(){
var onthis = $(this).parent().parent();
getdown = onthis.next();
$(getdown).after(onthis);
});
}
jQuery JavaScript CheckBox
[解决办法]
for循环是从上往下的,比如说你勾选了第一行和第二行,
先把第一行往下移(结果第二行变到第一行,第一行变到第二行),再把第二行往下移(结果跟原来一样);

稍微改一下,就可以了,
function movedown(){
    var checkedArray = $("table input:checked");

    for (var i = checkedArray.length - 1; i >= 0; i--) {
        var onthis = $(checkedArray[i]).parent().parent();
        getdown = onthis.next();
        $(getdown).after(onthis);
    }
};

这个程序运行到最后一行时没做判断,供参考^_^

热点排行