У меня есть этот HTML код :

checked == 'Y') {echo 'checked';} ?>>

Когда я нажимаю на чекбокс, я хочу показать спиннер. Как это сделать в данном JavaScript?

$.ajax({
        type : 'POST', 
        url : $('#url_for_ajax').val() + '/update_role_fonction_ajax',
        dataType : 'json', 
        data:{_token:_token, id_fonction:id_fonction,type:type,id_role:$('#id_role').val()},
            beforeSend : function() {$('#id_XXXXX').show();}, // <== to display the spinner
        success: function( data ) {     
            $('#id_XXXXX').hide();
        }              
}); 

В HTML-коде я создал артикль id для спиннера: id="waiting_{{ $role_fonction->id_fonction }}". Таким образом, этот идентификатор является уникальным.

Но после этого, как мне получить этот id в моем коде (см. #id_XXXXX в js-коде)?

Dom

Ответов: 1

Ответы (1)

Поскольку вы прикрепляете слушатель событий к флажку, вы можете выбрать следующий элемент с помощью метода jQuery .next()

.
$(function() {

  $('.js-checkbox').on('change', function() {
      var $nextEl = $(this).next();

      // start the spinner
      $nextEl.show();
      // do the ajax etc.

  });

});

2022 WebDevInsider