javascript使用shift+click實現(xiàn)選擇和反選checkbox的方法
更新時間：2015年05月04日 09:11:23 作者：秋風(fēng)秋雨
這篇文章主要介紹了javascript使用shift+click實現(xiàn)選擇和反選checkbox的方法,涉及javascript針對鍵盤按鍵的判斷及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)文章
下面小編就為大家分享一篇js判斷傳入時間和當(dāng)前時間大小實例(超簡單)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了js彈出確認(rèn)是否刪除對話框，具體實現(xiàn)代碼如下，需要的朋友可以參考下2014-03-03
這篇文章主要為大家詳細(xì)介紹了bootstrap手風(fēng)琴的制作方法，制作聲明式觸發(fā)手風(fēng)琴，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要為大家介紹了JavaScript時間對象常用方法的設(shè)置實例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
關(guān)于javascript中偽數(shù)組和真數(shù)組的一些小秘密
在javascript中,偽數(shù)組又稱類數(shù)組,是一個類似數(shù)組的對象,是一種按照索引存儲數(shù)據(jù)且具有l(wèi)ength屬性的對象,下面這篇文章主要給大家介紹了關(guān)于javascript中偽數(shù)組和真數(shù)組的一些小秘密,需要的朋友可以參考下2022-08-08
JavaScript實現(xiàn)節(jié)點(diǎn)的刪除與序號重建實例
這篇文章主要介紹了JavaScript實現(xiàn)節(jié)點(diǎn)的刪除與序號重建方法,涉及javascript針對頁面節(jié)點(diǎn)的刪除與遍歷技巧,非常具有實用價值,需要的朋友可以參考下2015-08-08
JS實現(xiàn)鼠標(biāo)箭頭變成一個燃燒燭光效果的方法
這篇文章主要介紹了JS實現(xiàn)鼠標(biāo)箭頭變成一個燃燒燭光效果的方法,實例分析了javascript操作鼠標(biāo)事件及圖片的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
大家都知道Underscore.js是一個 JavaScript 工具庫，它提供了一整套函數(shù)式編程的實用功能，但是沒有擴(kuò)展任何 JavaScript 內(nèi)置對象。那么這篇文章我們就來學(xué)習(xí)下微信小程序如何使用第三方庫Underscore.js，有需要的可以參考學(xué)習(xí)。2016-09-09
window.location.href = window.location.href 跳轉(zhuǎn)無反應(yīng) a超鏈接onclic
js下window.location.href = window.location.href 跳轉(zhuǎn)無反應(yīng) a 超鏈接 onclick 點(diǎn)擊跳轉(zhuǎn)無反應(yīng)問題的解決方法2013-08-08
本文主要介紹了JavaScript?刪除數(shù)組元素的方法，包括操作方法改變了原數(shù)組和操作方法不改變原數(shù)組，具有一定的參考價值，感興趣的可以了解一下2024-02-02