Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html:
- <div class="row">
- <div class="col-sm-3">
- <div class="form-group">
- <label class="control-label" for="product_name">Nombre</label>
- <input type="text" id="Nombre" name="product_name" value="" placeholder="Nombre" class="form-control" disabled="true">
- <div class="i-checks"><label> <input id="checkbox-Nombre" type="checkbox"> habilitar busqueda por Nombre</label></div>
- </div>
- </div>
- <div class="col-sm-3">
- <div class="form-group">
- <label class="control-label" for="product_name">Documento</label>
- <input type="text" id="Documento" name="product_name" value="" placeholder="Nombre" class="form-control" disabled="true">
- <div class="i-checks"><label> <input id="checkbox-Documento" type="checkbox"> habilitar busqueda por documento</label></div>
- </div>
- </div>
- <div class="col-sm-3">
- <div class="form-group">
- <label class="control-label" for="status">Estado</label>
- <select name="status" id="Estado" class="form-control" disabled="true">
- <option value="0" selected>Todos</option>
- <option value="1">Activo</option>
- <option value="2">Inactivo</option>
- </select>
- <div class="i-checks"><label> <input id="checkbox-Estado" type="checkbox"> habilitar busqueda por estado</label></div>
- </div>
- </div>
- <div class="col-sm-3">
- <div class="form-group">
- <label class="control-label" for="product_name">Correo electronico</label>
- <input type="text" id="email" name="product_name" value="" placeholder="Nombre cuenta" class="form-control" disabled="true">
- <div class="i-checks"><label> <input id="checkbox-email" type="checkbox"> habilitar busqueda correo</label></div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-sm-3">
- <div class="form-group">
- <label class="control-label" for="product_name"></label>
- <input type="button" id="button-filter" name="button-filter" value="Filtrar" placeholder="Filtrar" class="btn btn-primary" disabled="true">
- </div>
- </div>
- </div>
- JS:
- <script type="text/javascript">
- document.getElementById('checkbox-email').onchange = function() {
- document.getElementById('email').disabled = !this.checked;
- disableFilter();
- };
- document.getElementById('checkbox-Estado').onchange = function() {
- document.getElementById('Estado').disabled = !this.checked;
- disableFilter();
- };
- document.getElementById('checkbox-Documento').onchange = function() {
- document.getElementById('Documento').disabled = !this.checked;
- disableFilter();
- };
- document.getElementById('checkbox-Nombre').onchange = function() {
- document.getElementById('Nombre').disabled = !this.checked;
- disableFilter();
- };
- function disableFilter(){
- if(document.getElementById('email').disabled && document.getElementById('Estado').disabled
- && document.getElementById('Documento').disabled && document.getElementById('Nombre').disabled){
- document.getElementById('button-filter').disabled = true;
- console.log(document.getElementById('button-filter').disabled);
- } else {
- document.getElementById('button-filter').disabled = false;
- }
- }
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement