Advertisement
Guest User

Untitled

a guest
Feb 23rd, 2019
64
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.33 KB | None | 0 0
  1. html:
  2.  
  3. <div class="row">
  4. <div class="col-sm-3">
  5. <div class="form-group">
  6. <label class="control-label" for="product_name">Nombre</label>
  7. <input type="text" id="Nombre" name="product_name" value="" placeholder="Nombre" class="form-control" disabled="true">
  8. <div class="i-checks"><label> <input id="checkbox-Nombre" type="checkbox">&nbsphabilitar busqueda por Nombre</label></div>
  9. </div>
  10. </div>
  11. <div class="col-sm-3">
  12. <div class="form-group">
  13. <label class="control-label" for="product_name">Documento</label>
  14. <input type="text" id="Documento" name="product_name" value="" placeholder="Nombre" class="form-control" disabled="true">
  15. <div class="i-checks"><label> <input id="checkbox-Documento" type="checkbox">&nbsphabilitar busqueda por documento</label></div>
  16. </div>
  17. </div>
  18. <div class="col-sm-3">
  19. <div class="form-group">
  20. <label class="control-label" for="status">Estado</label>
  21. <select name="status" id="Estado" class="form-control" disabled="true">
  22. <option value="0" selected>Todos</option>
  23. <option value="1">Activo</option>
  24. <option value="2">Inactivo</option>
  25. </select>
  26. <div class="i-checks"><label> <input id="checkbox-Estado" type="checkbox">&nbsphabilitar busqueda por estado</label></div>
  27. </div>
  28. </div>
  29. <div class="col-sm-3">
  30. <div class="form-group">
  31. <label class="control-label" for="product_name">Correo electronico</label>
  32. <input type="text" id="email" name="product_name" value="" placeholder="Nombre cuenta" class="form-control" disabled="true">
  33. <div class="i-checks"><label> <input id="checkbox-email" type="checkbox">&nbsphabilitar busqueda correo</label></div>
  34. </div>
  35. </div>
  36. </div>
  37. <div class="row">
  38. <div class="col-sm-3">
  39. <div class="form-group">
  40. <label class="control-label" for="product_name"></label>
  41. <input type="button" id="button-filter" name="button-filter" value="Filtrar" placeholder="Filtrar" class="btn btn-primary" disabled="true">
  42.  
  43. </div>
  44. </div>
  45. </div>
  46.  
  47. JS:
  48.  
  49. <script type="text/javascript">
  50. document.getElementById('checkbox-email').onchange = function() {
  51. document.getElementById('email').disabled = !this.checked;
  52. disableFilter();
  53. };
  54. document.getElementById('checkbox-Estado').onchange = function() {
  55. document.getElementById('Estado').disabled = !this.checked;
  56. disableFilter();
  57. };
  58. document.getElementById('checkbox-Documento').onchange = function() {
  59. document.getElementById('Documento').disabled = !this.checked;
  60. disableFilter();
  61. };
  62. document.getElementById('checkbox-Nombre').onchange = function() {
  63. document.getElementById('Nombre').disabled = !this.checked;
  64. disableFilter();
  65. };
  66.  
  67. function disableFilter(){
  68. if(document.getElementById('email').disabled && document.getElementById('Estado').disabled
  69. && document.getElementById('Documento').disabled && document.getElementById('Nombre').disabled){
  70. document.getElementById('button-filter').disabled = true;
  71. console.log(document.getElementById('button-filter').disabled);
  72. } else {
  73. document.getElementById('button-filter').disabled = false;
  74. }
  75. }
  76. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement