Итак, у меня есть a href, который очищает фильтры, и у меня есть input, который устанавливает value другого фильтра пустым. На a href нажмите, я хочу, чтобы он также очистил другой фильтр. Я пробовал несколько вещей, но ни одна из них не работала. Это может быть сделано с jQuery или чисто html.

Это мой a href:

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

Это мой input:

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

Как я могу одним щелчком мыши соединить их обоих для работы с a href кликом?

0
SupremeDEV 23 Фев 2018 в 11:33

4 ответа

Лучший ответ

Вы можете сделать это по событию клика.

$('.clear-filter').on('click', function() {
     $( ".filter-status" ).prop('checked', false);
});
1
ahmetsarias 23 Фев 2018 в 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 Фев 2018 в 08:41

Я не уверен, что это правда, но w3schools говорит мне, что этот тип атрибутов имени не поддерживается в HTML5: https://www.w3schools.com/tags/att_a_href.asp Это под больше примеров первый

0
Aduentix 23 Фев 2018 в 08:41

Иметь ссылку на файл .js и сделать событие click, а затем просто сделать все оттуда.

.html

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

Файл main.js

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

}

Это куча вещей, которые вы можете Google, чтобы помочь вам сделать это, но вот основной, чтобы начать работу: https://www.w3schools.com/jsref/event_onclick.asp

Удачного кодирования :)

0
connor.gregson 23 Фев 2018 в 08:42