javascript使用shift+click實現(xiàn)選擇和反選checkbox的方法
更新時間:2015年05月04日 09:11:23 作者:秋風秋雨
這篇文章主要介紹了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程序設計有所幫助。
相關文章
Nodejs使用mysql模塊之獲得更新和刪除影響的行數(shù)的方法
業(yè)余時間玩nodejs的時候遇到點蛋疼的情況, 在使用mysql模塊連接mysql操作, 想在update, delete語句的時候, 想知道到底update, delete成功了沒有2014-03-03跟我學習javascript的prototype使用注意事項
跟我學習javascript的prototype使用注意事項,介紹了在使用prototype的幾點注意事項,需要的朋友可以參考下2015-11-11js實現(xiàn)以最簡單的方式將數(shù)組元素添加到對象中的方法
下面小編就為大家分享一篇js實現(xiàn)以最簡單的方式將數(shù)組元素添加到對象中的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12javascript cookie解碼函數(shù)(兼容ff)
javascript cookie解碼函數(shù)2008-03-03