API tools faq
paste
Advertisement
Guest User

JS multicheck

a guest
Oct 2nd, 2022
11
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 4.38 KB | Source Code | 0 0
raw download clone embed print report
  1.  
  2.     // reveals "JS_show" containers
  3. if ( document.getElementsByTagName("JS_show")[0] ) /* check if JS_show containers exist */ {
  4.     for (
  5.         count=0; // initiate counter
  6.         count < document.getElementsByTagName("JS_show").length; // count JS_show containers
  7.         count++ // count up. Same as count+=1 and count=count+1.
  8.     ) {
  9.         // restore opacity and/or unhide by overriding CSS at the top using inline CSS:
  10.         document.getElementsByTagName("JS_show")[count].setAttribute("style","display:block; opacity:1; pointer-events:all;");
  11.     }
  12. }
  13.  
  14. // == generate check boxes before running code ==
  15. var main_form=document.getElementsByTagName("form")[0]; // shortcut variable
  16. var checkbox_count=0; // defeating JS Hint error; no functional difference
  17. for (
  18.     checkbox_count=2; // start at the second check box; the first already is already in the HTML for preview to non-JavaScript users
  19.     checkbox_count <= 24; // add check boxes until there are 24.
  20.     checkbox_count++ // count up
  21. ) {
  22. // create element (does not matter which)
  23. main_form.appendChild(document.createElement("span"));
  24.  
  25. // add next box through HTML string
  26. main_form.lastElementChild.outerHTML='\n  <input type="checkbox" id="item'+checkbox_count+'" name="item'+checkbox_count+'" value="'+checkbox_count+'">\n  <label for="item'+checkbox_count+'">Item '+checkbox_count+'</label><br />';
  27. }
  28.  
  29. // == main code ==
  30.  
  31. var count=0; // Declaring variable for "for" loops to defeat JS Hint error; no functional difference.
  32.  
  33. var MultiSelect = {}; // main object
  34.  
  35. MultiSelect.select_form = function(form_number) {
  36.     MultiSelect.current_boxes=document.getElementsByTagName("form")[form_number].getElementsByTagName("input");
  37.     MultiSelect.number_of_boxes=document.getElementsByTagName("form")[form_number].getElementsByTagName("input").length-1; // correcting off-by-one error since length is shifted up by one.
  38. };
  39.  
  40. MultiSelect.select_range = function(form_number) {
  41.     MultiSelect.select_form(form_number); // select form out of multiple
  42. // find first checked box; prevent overrunning the last box and causing exception if none selected.
  43. MultiSelect.first_checked_box=0;
  44. while (! MultiSelect.current_boxes[MultiSelect.first_checked_box].checked && MultiSelect.first_checked_box < MultiSelect.number_of_boxes) {
  45.     MultiSelect.first_checked_box++;
  46. }
  47.  
  48. // find last checked box by counting down from end
  49. MultiSelect.last_checked_box=MultiSelect.number_of_boxes;
  50. while (! MultiSelect.current_boxes[MultiSelect.last_checked_box].checked && MultiSelect.last_checked_box > 0 ) {
  51.     MultiSelect.last_checked_box--;
  52. }
  53.  
  54. MultiSelect.current_box=MultiSelect.current_boxes[MultiSelect.first_checked_box+1];
  55. for (
  56.     count=MultiSelect.first_checked_box;
  57.     MultiSelect.current_box != MultiSelect.current_boxes[MultiSelect.last_checked_box];
  58.     count++
  59. ) {
  60.     MultiSelect.current_box = MultiSelect.current_boxes[count];
  61.     MultiSelect.current_box.checked = true;
  62. }
  63.  
  64. };
  65.  
  66.  
  67. // select every box
  68. MultiSelect.select_all = function(form_number) {
  69.     MultiSelect.select_form(form_number);
  70.     for (
  71.         count=0;
  72.         count < MultiSelect.number_of_boxes+1;
  73.         count++
  74.     ) { MultiSelect.current_boxes[count].checked=true; }
  75. };
  76.  
  77. // deselect every box
  78. MultiSelect.select_none = function(form_number) {
  79.     MultiSelect.select_form(form_number);
  80.     for (
  81.         count=0;
  82.         count < MultiSelect.number_of_boxes+1;
  83.         count++
  84.     ) { MultiSelect.current_boxes[count].checked=false; }
  85. };
  86.  
  87. // deselect selected boxes, select unselected boxes
  88. MultiSelect.invert_selection = function(form_number) {
  89.     MultiSelect.select_form(form_number);
  90.     for (
  91.         count=0;
  92.         count < MultiSelect.number_of_boxes+1;
  93.         count++
  94.     ) {
  95.         if (MultiSelect.current_boxes[count].checked) {
  96.          MultiSelect.current_boxes[count].checked=false;
  97.         } else {
  98.          MultiSelect.current_boxes[count].checked=true;
  99.         }
  100.     }
  101. };
  102.  
  103. MultiSelect.zebra_select = function(form_number) {
  104.     MultiSelect.select_form(form_number);
  105. var zebra_select_next=false; // reset to "false"
  106.     for (
  107.         count=0;
  108.         count < MultiSelect.number_of_boxes+1;
  109.         count++
  110.     ) {
  111.         /* switch selection mode */
  112.         // check if box after current one exists to prevent exception from occuring
  113.         while (MultiSelect.current_boxes[count+1] && MultiSelect.current_boxes[count].checked && count < MultiSelect.number_of_boxes) {
  114.             zebra_select_next ? zebra_select_next=false : zebra_select_next=true;
  115.             count++; // skip over already selected boxes
  116.         }
  117.         MultiSelect.current_boxes[count].checked=zebra_select_next;
  118.     }
  119. };
Tags: multiselect
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!