Вызов сценария при нажатии кнопки с использованием функции JClery .Click()

Question

У меня есть две кнопки для скрытия/отображения флажков, поэтому я написал этот скрипт jquery, чтобы изменить цвет кнопки/hide/show onClick.

Моя проблема в том, что независимо от того, какую кнопку я нажимаю на свою страницу, вызывается функция.

Из того, что я прочитал, я понял if ($("#btnToLet, #btnSale").click()) (я также попытался if ($("#btnToLet").click() || $("#btnSale").click())), будет заботиться о этой проблеме, но не

<script> 
$(document).ready(function() { 
    if ($("#btnToLet, #btnSale").click()) { 
     $(this).click(function (e) { 
      alert(e.target.id + ' clicked'); 
      $("#lblGasSafety").toggleClass("hidden"); 
      $("#lblElectricalReport").toggleClass("hidden"); 
      $("#btnSale").toggleClass("btn-info"); 
      $("#btnToLet").toggleClass("btn-info"); 
     }); 
    } 
}); 

<div class="form-group"> 
<button id="btnSale" type="button" class="saleTypes btn btn-info">Sale</button> 
<button id="btnToLet" type="button" class="saleTypes btn btn-default">To Let</button> 
<label id="lblGasSafety" class="checkbox-inline hidden"> 
    <input type="checkbox">Gas Safety 
</label> 
<label id="lblElectricalReport" class="checkbox-inline hidden"> 
    <input type="checkbox">Electrical Report 
</label> 

Answer 1

Вы должны определить Обработчик для элементов

$("#btnToLet, #btnSale").click(function (e) { 
      alert(e.target.id + ' clicked'); 
      $("#lblGasSafety").toggleClass("hidden"); 
      $("#lblElectricalReport").toggleClass("hidden"); 
      $("#btnSale").toggleClass("btn-info"); 
      $("#btnToLet").toggleClass("btn-info"); 
});