HTML: Save switch state

Good day! I made page solely for work and to keep in my computer. Everything is fine except when the file is closed all bootstrap switches and selected options are set to default. I need them remain the same. I understood that it’s related to LocalStorage or similar but was unsuccessful… Partly because I’m really bad at this and because English is my third langauge. If this doesn’t take a lot of time and actually is easy for you then please be kind whenever you can find the time and theres always time to be kind and help me out. :))

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/checkboxes.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="css/bootstrap-toggle.min.js"></script>
</head>
<table class="table table-hover table-striped">
  <thead class="thead-dark">
    <tr>
      <th scope="col">CODE</th>
      <th scope="col">FIRM</th>
      <th scope="col">STREET</th>
      <th scope="col">WORK TIME</th>
      <th scope="col">STATUS</th>
	  <th scope="col">OPTION</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">CODE</th>
      <td>FIRM</td>
      <td>STREET</td>
      <td>WORK TIME</td>
      <td>
                    <div class="ckbx-style-13" id="theme-switcher">
                        <input type="checkbox" id="ckbx-style-13-13" value="0" name="ckbx-style-14">
                        <label for="ckbx-style-13-13"></label>
                    </div>
</td>
      <td>  <select name="UP" id="MENU1" style="width:185px">
    <option value="0"></option>
    <option value="1">OPTION 1</option>
    <option value="2">OPTION 2</option>
    <option value="3">OPTION 3</option>
    <option value="4">OPTION 4</option>
	<option value="5">OPTION 5</option>
    <option value="6">OPTION 6</option>
    <option value="7">OPTION 7</option>
    <option value="8">OPTION 8</option>
	<option value="9">OPTION 9</option>
    <option value="10">OPTION 10</option>
  </select></td>
    </tr>
    <tr>
      <th scope="row">CODE</th>
      <td>FIRM</td>
      <td>STREET</td>
      <td>WORK TIME</td>
      <td>
                    <div class="ckbx-style-13" id="theme-switcher">
                        <input type="checkbox" id="ckbx-style-13-12" value="0" name="ckbx-style-14">
                        <label for="ckbx-style-13-12"></label>
                    </div>
      <td>  <select name="UP" id="MENU2" style="width:185px">
	<option value="0"></option>
    <option value="1">OPTION 1</option>
    <option value="2">OPTION 2</option>
    <option value="3">OPTION 3</option>
    <option value="4">OPTION 4</option>
	<option value="5">OPTION 5</option>
    <option value="6">OPTION 6</option>
    <option value="7">OPTION 7</option>
    <option value="8">OPTION 8</option>
	<option value="9">OPTION 9</option>
    <option value="10">OPTION 10</option>
  </select></td>					
</td>
    </tr>
    <tr>
      <th scope="row">CODE</th>
      <td>FIRM</td>
      <td>STREET</td>
      <td>WORK TIME</td>
      <td>
                    <div class="ckbx-style-13">
                        <input type="checkbox" id="ckbx-style-13-8" value="0" name="ckbx-style-14">
                        <label for="ckbx-style-13-8"></label>
                    </div>
</td>
      <td><select name="UP" id="MENU3" style="width:185px">
	<option value="0"></option>
    <option value="1">OPTION 1</option>
    <option value="2">OPTION 2</option>
    <option value="3">OPTION 3</option>
    <option value="4">OPTION 4</option>
	<option value="5">OPTION 5</option>
    <option value="6">OPTION 6</option>
    <option value="7">OPTION 7</option>
    <option value="8">OPTION 8</option>
	<option value="9">OPTION 9</option>
    <option value="10">OPTION 10</option>
  </select></td>
    </tr>
    <tr>
      <th scope="row">CODE</th>
      <td>FIRM</td>
      <td>STREET</td>
      <td>WORK TIME</td>
      <td>
                    <div class="ckbx-style-13">
                        <input type="checkbox" id="ckbx-style-13-5" value="0" name="ckbx-style-13">
                        <label for="ckbx-style-13-5"></label>
                    </div>
</td>
      <td><select name="UP" id="MENU4" style="width:185px">
	<option value="0"></option>
    <option value="1">OPTION 1</option>
    <option value="2">OPTION 2</option>
    <option value="3">OPTION 3</option>
    <option value="4">OPTION 4</option>
	<option value="5">OPTION 5</option>
    <option value="6">OPTION 6</option>
    <option value="7">OPTION 7</option>
    <option value="8">OPTION 8</option>
	<option value="9">OPTION 9</option>
    <option value="10">OPTION 10</option>
  </select></td>
    </tr>
    <tr>
      <th scope="row">CODE</th>
      <td>FIRM</td>
      <td>STREET</td>
      <td>WORK TIME</td>
      <td>
                    <div class="ckbx-style-13">
                        <input type="checkbox" id="ckbx-style-13-7" value="0" name="ckbx-style-14">
                        <label for="ckbx-style-13-7"></label>
                    </div>
</td>
      <td><select name="UP" id="MENU5" style="width:185px">
    <option value="0"></option>
    <option value="1">OPTION 1</option>
    <option value="2">OPTION 2</option>
    <option value="3">OPTION 3</option>
    <option value="4">OPTION 4</option>
	<option value="5">OPTION 5</option>
    <option value="6">OPTION 6</option>
    <option value="7">OPTION 7</option>
    <option value="8">OPTION 8</option>
	<option value="9">OPTION 9</option>
    <option value="10">OPTION 10</option>
  </select></td>
    </tr>
    <tr>
      <th scope="row">CODE</th>
      <td>FIRM</td>
      <td>STREET</td>
      <td>WORK TIME</td>
      <td>
                    <div class="ckbx-style-13">
                        <input type="checkbox" id="ckbx-style-13-10" value="0" name="ckbx-style-14">
                        <label for="ckbx-style-13-10"></label>
                    </div>
</td>
      <td><select name="UP" id="MENU6" style="width:185px">
	<option value="0"></option>
    <option value="1">OPTION 1</option>
    <option value="2">OPTION 2</option>
    <option value="3">OPTION 3</option>
    <option value="4">OPTION 4</option>
	<option value="5">OPTION 5</option>
    <option value="6">OPTION 6</option>
    <option value="7">OPTION 7</option>
    <option value="8">OPTION 8</option>
	<option value="9">OPTION 9</option>
    <option value="10">OPTION 10</option>
  </select></td>
    </tr>
    <tr>
      <th scope="row">CODE</th>
      <td>FIRM</td>
      <td>STREET</td>
      <td>WORK TIME</td>
      <td>
                    <div class="ckbx-style-13">
                        <input type="checkbox" id="ckbx-style-13-1" value="0" name="ckbx-style-14">
                        <label for="ckbx-style-13-1"></label>
                    </div>
</td>
      <td><select name="UP" id="MENU7" style="width:185px">
	<option value="0"></option>
    <option value="1">OPTION 1</option>
    <option value="2">OPTION 2</option>
    <option value="3">OPTION 3</option>
    <option value="4">OPTION 4</option>
	<option value="5">OPTION 5</option>
    <option value="6">OPTION 6</option>
    <option value="7">OPTION 7</option>
    <option value="8">OPTION 8</option>
	<option value="9">OPTION 9</option>
    <option value="10">OPTION 10</option>
  </select></td>
    </tr>
    <tr>
      <th scope="row">CODE</th>
      <td>FIRM</td>
      <td>STREET</td>
      <td>WORK TIME</td>
      <td>
                    <div class="ckbx-style-13">
                        <input type="checkbox" id="ckbx-style-13-6" value="0" name="ckbx-style-13">
                        <label for="ckbx-style-13-6"></label>
                    </div>
</td>
      <td><select name="UP" id="MENU8" style="width:185px">
	<option value="0"></option>
    <option value="1">OPTION 1</option>
    <option value="2">OPTION 2</option>
    <option value="3">OPTION 3</option>
    <option value="4">OPTION 4</option>
	<option value="5">OPTION 5</option>
    <option value="6">OPTION 6</option>
    <option value="7">OPTION 7</option>
    <option value="8">OPTION 8</option>
	<option value="9">OPTION 9</option>
    <option value="10">OPTION 10</option>
  </select></td>
    </tr>
    <tr>
      <th scope="row">CODE</th>
      <td>FIRM</td>
      <td>STREET</td>
      <td>WORK TIME</td>
      <td>
                    <div class="ckbx-style-13">
                        <input type="checkbox" id="ckbx-style-13-3" value="0" name="ckbx-style-13">
                        <label for="ckbx-style-13-3"></label>
                    </div>
</td>
      <td><select name="UP" id="MENU9" style="width:185px">
	<option value="0"></option>  
    <option value="1">OPTION 1</option>
    <option value="2">OPTION 2</option>
    <option value="3">OPTION 3</option>
    <option value="4">OPTION 4</option>
	<option value="5">OPTION 5</option>
    <option value="6">OPTION 6</option>
    <option value="7">OPTION 7</option>
    <option value="8">OPTION 8</option>
	<option value="9">OPTION 9</option>
    <option value="10">OPTION 10</option>
  </select></td>
    </tr>
    <tr>
      <th scope="row">CODE</th>
      <td>FIRM</td>
      <td>STREET</td>
      <td>WORK TIME</td>
      <td>
                    <div class="ckbx-style-13">
                        <input type="checkbox" id="ckbx-style-13-9" value="0" name="ckbx-style-14">
                        <label for="ckbx-style-13-9"></label>
                    </div>
</td>
      <td><select name="UP" id="MENU10" style="width:185px">
    <option value="0"></option>
    <option value="1">OPTION 1</option>
    <option value="2">OPTION 2</option>
    <option value="3">OPTION 3</option>
    <option value="4">OPTION 4</option>
	<option value="5">OPTION 5</option>
    <option value="6">OPTION 6</option>
    <option value="7">OPTION 7</option>
    <option value="8">OPTION 8</option>
	<option value="9">OPTION 9</option>
    <option value="10">OPTION 10</option>
  </select></td>
    </tr>
    <tr>
      <th scope="row">CODE</th>
      <td>FIRM</td>
      <td>STREET</td>
      <td>WORK TIME</td>
      <td>
                    <div class="ckbx-style-13">
                        <input type="checkbox" id="ckbx-style-13-2" value="0" name="ckbx-style-13">
                        <label for="ckbx-style-13-2"></label>
                    </div>
</td>
      <td><select name="UP" id="MENU11" style="width:185px">
    <option value="0"></option>
    <option value="1">OPTION 1</option>
    <option value="2">OPTION 2</option>
    <option value="3">OPTION 3</option>
    <option value="4">OPTION 4</option>
	<option value="5">OPTION 5</option>
    <option value="6">OPTION 6</option>
    <option value="7">OPTION 7</option>
    <option value="8">OPTION 8</option>
	<option value="9">OPTION 9</option>
    <option value="10">OPTION 10</option>
  </select></td>
    </tr>
    <tr>
      <th scope="row">CODE</th>
      <td>FIRM</td>
      <td>STREET</td>
      <td>WORK TIME</td>
      <td>
                    <div class="ckbx-style-13">
                        <input type="checkbox" id="ckbx-style-13-11" value="0" name="ckbx-style-14">
                        <label for="ckbx-style-13-11"></label>
                    </div>
</td>
      <td><select name="UP" id="MENU12" style="width:185px">
    <option value="0"></option>
    <option value="1">OPTION 1</option>
    <option value="2">OPTION 2</option>
    <option value="3">OPTION 3</option>
    <option value="4">OPTION 4</option>
	<option value="5">OPTION 5</option>
    <option value="6">OPTION 6</option>
    <option value="7">OPTION 7</option>
    <option value="8">OPTION 8</option>
	<option value="9">OPTION 9</option>
    <option value="10">OPTION 10</option>
  </select></td>
    </tr>
    <tr>
      <th scope="row">CODE</th>
      <td>FIRM</td>
      <td>STREET</td>
      <td>WORK TIME</td>
      <td>
                    <div class="ckbx-style-13">
                        <input type="checkbox" id="ckbx-style-13-4" value="0" name="ckbx-style-13">
                        <label for="ckbx-style-13-4"></label>
                    </div>
</td>
      <td><select name="UP" id="MENU13" style="width:185px">
	<option value="0"></option>
    <option value="1">OPTION 1</option>
    <option value="2">OPTION 2</option>
    <option value="3">OPTION 3</option>
    <option value="4">OPTION 4</option>
	<option value="5">OPTION 5</option>
    <option value="6">OPTION 6</option>
    <option value="7">OPTION 7</option>
    <option value="8">OPTION 8</option>
	<option value="9">OPTION 9</option>
    <option value="10">OPTION 10</option>
  </select></td>
    </tr>
  </tbody>
</table>

What is supposed to be in the zip file? It would be better to post a link to your code or post the code directly in a reply. No one is going to want to download a zip file of unknown origin.

1 Like

Thanks for replying. Indeed my bad and my apologies. I have edited the posts. Thanks in advance.