title: html Select multiple option with simple click without pressing CTRL button
body: <p>In my Laravel app, I have a form to select multiple options. However, I don't want to select multiple options by pressing CTRL and then selecting them. I just want to be able simply click on the options and they should be selected. And, if I click on a selected option again, then it should be de-selected. </p>
  
  <p>How can I achieve this task?
  Here is an example of my select options list. </p>
  
  <pre><code> &lt;div class="form-group row"&gt;
    &lt;label class="col-form-label" for="selectednames[]"&gt;Select Name&lt;/label&gt;
   &lt;/div&gt;
  &lt;div class="form-group row"&gt;                      
  &lt;select multiple name="selectednames[]"&gt;
    &lt;option value="1"&gt;John&lt;/option&gt;
    &lt;option value="2"&gt;Sam&lt;/option&gt;
    &lt;option value="3"&gt;Max&lt;/option&gt;
    &lt;option value="4"&gt;Shawn&lt;/option&gt;
  &lt;/select&gt;                      
  </code></pre>
  
  <p></p>
  
  <p>P.S: I am using bootstrap and jquery in my application. </p>