checkboxes

by Vishal Bhatt

HTML

<label for="input ID">Depth</label>
<select id="select_ID" name="select_ID">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>

</select>


<button id="full_data">
  full data
</button>


<input type=datetime id="Start_Date" value="" placeholder="Start_Date" />
<input type=datetime id="End_Date" value="" placeholder="End_Date" />
<button id="date">
  Interval
</button>




<div class="ui-widget">
  <input type="text" id="node" />
  <button id="search">
    Search_Node
  </button>
</div>






<h3>Filter</h3>


<label>
  <input type="checkbox" name="checkb"  value="Agent"> type=Agent</label>
<br />
<label>
  <input type="checkbox" name="checkb"  value="Customer"> type=Customer</label>
<br />
<label>
  <input type="checkbox" name="checkb"  value="Phone"> type=Phone</label>
<br />
<label>
  <input type="checkbox" name="checkb"  value="ID_Card"> type=ID_Card</label>
<br />

JavaScript

var myBtn = document.getElementById("search");



myBtn.addEventListener("click", function() {

  var selectedVal = document.getElementById('node').value;
  var selectedVal = document.getElementById('node').value;
  document.getElementById('Start_Date').value = "";
  document.getElementById('End_Date').value = "";
  document.getElementById("Agent").checked = document.getElementById("Customer").checked = document.getElementById("Phone").checked = document.getElementById("ID_Card").checked = false;
});

var newBtn = document.getElementById("date");
if (newBtn) {
  newBtn.addEventListener("click", function() {

    document.getElementById("Agent").checked = document.getElementById("Customer").checked = document.getElementById("Phone").checked = document.getElementById("ID_Card").checked = false;



    document.getElementById('node').value = "";
  });
}
var elem = document.getElementById('select_ID');
elem.addEventListener("change", onSelectChange);

function onSelectChange() {
  document.getElementById("Agent").checked = document.getElementById("Customer").checked = document.getElementById("Phone").checked = document.getElementById("ID_Card").checked = false;
  document.getElementById('Start_Date').value = ""
  document.getElementById('End_Date').value = ""
  document.getElementById('node').value = ""
  
  }