Question

我有两个按钮来隐藏/显示复选框，因此我编写了这个jquery脚本来更改按钮颜色/隐藏/显示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（）函数单击按钮时调用脚本

1 个答案: