Entonces tengo un a href que borra los filtros y tengo un input que establece el value de otro filtro como vacío. Al hacer clic en a href, quiero que también borre el otro filtro. He intentado varias cosas pero ninguna de ellas estaba funcionando. Se puede hacer con jQuery, o puro html.

Este es mi a href:

<a href="#clear" class="btn clear-filter" title="clear filter">{translate}Clear{/translate}</a>

Este es mi input:

<label class="btn btn-status all-statuses active">
    <input class="filter-status" type="radio" name="options" value="" checked> {translate}All statuses{/translate}
</label>

¿Cómo puedo conectarlos con un solo clic para que funcionen con a href clic?

0
SupremeDEV 23 feb. 2018 a las 11:33

4 respuestas

La mejor respuesta

Puede hacerlo al hacer clic en el evento.

$('.clear-filter').on('click', function() {
     $( ".filter-status" ).prop('checked', false);
});
1
ahmetsarias 23 feb. 2018 a las 08:37
$(document).on("click",".clear-filter",function(){
  $("input[name='options']").prop("checked",false);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="btn clear-filter" title="clear filter">{translate}Clear CLICK ME{/translate}</a>

<br><br>
<label class="btn btn-status all-statuses active">
    <input class="filter-status" type="radio" name="options" value="" checked > {translate}All statuses{/translate}
</label>
1
jerome 23 feb. 2018 a las 08:41

No estoy seguro de si eso es cierto, pero w3schools me dice que este tipo de atributos de nombre no es compatible con HTML5: https://www.w3schools.com/tags/att_a_href.asp Está bajo más ejemplos el primero

0
Aduentix 23 feb. 2018 a las 08:41

Tener un enlace a un archivo .js y hacer un evento de clic y luego hacer todo desde allí.

.html

<script src="main.js"></script> 

Archivo main.js

$('#clear').click(function() {

}

Es un montón de cosas que puedes buscar en Google para ayudarte a hacer esto, pero aquí hay uno básico para que comiences: https://www.w3schools.com/jsref/event_onclick.asp

Happy Coding :)

0
connor.gregson 23 feb. 2018 a las 08:42