Shift + Click To Select Multiple Checkboxes<\/a><\/li>\n<\/ul>\n\u76f4\u63a5\u4f7f\u7528 JavaScript \u4f86\u5be6\u73fe\u5373\u53ef\uff0c\u4e0d\u9700\u8981\u5957\u4ef6<\/p>\n
--<\/p>\n
\u6210\u679c<\/h2>\n
\u4ee5\u4e0b\u662f\u5be6\u969b\u5957\u7528\u5728 DataTable \u4e0a\u7684\u4e00\u500b\u7bc4\u4f8b<\/p>\n
HTML<\/p>\n
<input type=\"checkbox\" name=\"check[]\" value=\"\" class=\"big_checkbox_input shift_checkbox\"><\/pre>\nJavaScript<\/p>\n
\/\/ checkbox shift \u9078\u53d6\r\nlet chkboxShiftLastChecked;\r\n$(document).on('click', '.shift_checkbox',function(e){\r\n\r\n var $chkboxes = $('.shift_checkbox');\r\n\r\n if (!chkboxShiftLastChecked) {\r\n chkboxShiftLastChecked = this;\r\n return;\r\n }\r\n\r\n if (e.shiftKey) {\r\n var start = $chkboxes.index(this);\r\n var end = $chkboxes.index(chkboxShiftLastChecked);\r\n\r\n $chkboxes.slice(Math.min(start,end), Math.max(start,end)+ 1).prop('checked', chkboxShiftLastChecked.checked);\r\n }\r\n\r\n chkboxShiftLastChecked = this;\r\n});<\/pre>\n![\"\"](\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2023\/02\/2023-02-08-13-08-32.png\")
<\/p>\n
--<\/p>\n
<\/div>\n