javascript使用shift+click實現(xiàn)選擇和反選checkbox的方法
本文實例講述了javascript使用shift+click實現(xiàn)選擇和反選checkbox的方法。分享給大家供大家參考。具體實現(xiàn)方法如下:
var lastChecked = null;
var handleChecked = function(e) {
if(lastChecked && e.shiftKey) {
var i = $('input[type="checkbox"]').index(lastChecked);
var j = $('input[type="checkbox"]').index(e.target);
var checkboxes = [];
if (j > i) {
checkboxes = $('input[type="checkbox"]:gt('+ (i-1) +'):lt('+(j-i)+')');
} else {
checkboxes = $('input[type="checkbox"]:gt('+ j +'):lt('+ (i-j) +')');
}
if (!$(e.target).is(':checked')) {
$(checkboxes).removeAttr('checked');
} else {
$(checkboxes).attr('checked', 'checked');
}
}
lastChecked = e.target;
// Other click action code.
}
$('input[type=checkbox]').click(handleChecked);
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
Nodejs使用mysql模塊之獲得更新和刪除影響的行數(shù)的方法
業(yè)余時間玩nodejs的時候遇到點蛋疼的情況, 在使用mysql模塊連接mysql操作, 想在update, delete語句的時候, 想知道到底update, delete成功了沒有2014-03-03
跟我學(xué)習(xí)javascript的prototype使用注意事項
跟我學(xué)習(xí)javascript的prototype使用注意事項,介紹了在使用prototype的幾點注意事項,需要的朋友可以參考下2015-11-11
總結(jié)兩個Javascript的哈稀對象的一些編程技巧
總結(jié)兩個Javascript的哈稀對象的一些編程技巧...2007-04-04
js實現(xiàn)以最簡單的方式將數(shù)組元素添加到對象中的方法
下面小編就為大家分享一篇js實現(xiàn)以最簡單的方式將數(shù)組元素添加到對象中的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
javascript cookie解碼函數(shù)(兼容ff)
javascript cookie解碼函數(shù)2008-03-03
JavaScript 轉(zhuǎn)義字符JSON parse錯誤研究
這篇文章主要為大家介紹了JavaScript 轉(zhuǎn)義字符JSON parse錯誤研究,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10

