javascript使用shift+click实现选择和反选checkbox的方法
2015-05-04 00:00
796 查看
本文实例讲述了javascript使用shift+click实现选择和反选checkbox的方法。分享给大家供大家参考。具体实现方法如下:
希望本文所述对大家的javascript程序设计有所帮助。
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程序设计有所帮助。
相关文章推荐
- javascript使用shift+click实现选择和反选checkbox的方法
- 使用JavaScript实现CheckBoxList单选两种方法
- javaScript实现checkbox多项选择
- 使用JAVASCRIPT实现动态增加、删除选择项
- ASP.NET 2.0 TreeView中用JavaScript实现选择子接点CheckBox是自动选择上父节点(或者所有父节点)
- 使用JAVASCRIPT实现动态增加、删除选择项
- ajax javascript post 方法实现(与C#混合使用)
- 使用Javascript实现邮箱快速登录的方法!!
- 使用JavaScript选择GridView行的方法汇总(Select row of GridView by JavaScript)
- 使用JavaScript选择DataGrid行的方法汇总(Select row of DataGrid by JavaScript)
- 使用动态JavaScript实现多级菜单联动时不刷新页面的方法
- 如何解决FormView中实现DropDownList连动选择时出现 "Eval()、XPath() 和 Bind() 这类数据绑定方法只能在数据绑定控件的上下文中使用" 的错误
- ESC之ESC.wsf可以实现javascript的代码压缩附使用方法第1/5页
- ESC之ESC.wsf可以实现javascript的代码压缩附使用方法第1/5页
- 使用JavaScript实现选择头像和表情的功能
- 使用JavaScript脚本无法直接改变Asp.net中Checkbox控件的Enable属性的解决方法
- php select,radio和checkbox默认选择的实现方法
- javascript cookie操作类的实现代码小结附使用方法
- AJAXPRC实现了使用Javascript调用服务端方法