как запустить два разных события с одного и того же тумблера, используя php и ajax

Question

выключить изображение включить изображение Я хочу сделать тумблер, который должен запускать два разных события из одного и того же тумблера, используя php и ajax, и я сделал следующееHTML-код

<div id="about-btn" class="card-action">
   <div class="about-btn">
     <input type="checkbox" id="cfl" name="cfl" class="switch-input">
	    <label for="cfl" class="switch-label"><h4>CFL&nbsp;<span class="toggle--on">ON</span><span class="toggle--off">OFF</span></h4></label>
   </div>
</div>

& следующий код php

<?php

if(isset($_POST['cfl'])) {
   makeRequest('cfl_on'); // user checked the box
} else {
   makeRequest('cfl_off'); // user did not check the box
}

?>  

этот php должен передать значение в функцию makeRequest () моего скрипта

<script>
function makeRequest(actionParam){
    var request = $.ajax({
      url: "controller.php",
      type: "POST",
      data: {Action : actionParam},
      dataType: "html"
    });

    request.done(function(msg) {
        //alert(msg);
      // $("#ResponseDiv").html( msg );
    });

    request.fail(function(jqXHR, textStatus) {
      alert( "Request failed: " + textStatus );
    });
}

Я знаю, что делаю что-то не так, но не могу понять это.любая помощь будет высоко оценена.заранее спасибо за помощь.

Answer 1

, если вы хотите сделать два разных вызова ajax, чем:

$('.switch-label').on('click', function(){
    if($('#cfl').is(':checked'){
        "make ajax call 1 here"
    }
    else{
        "make ajax call 2 here"
    }
});

Или если вы хотите только скрыть / показать свое изображение, чем просто переключить контейнер изображений при нажатии $ ('cfl')