使用 Jquery 的 .Click() 函数在单击按钮时调用脚本

Question

我有两个按钮 hide/display 复选框，所以我编写了这个 jquery 脚本来更改按钮 colour/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");
});

使用 Jquery 的 .Click() 函数在单击按钮时调用脚本

Call a script when a button has being clicked using Jquery's .Click() function

jquery

frontend