单个脚本可以用于两次或多次 Anchor 按钮点击吗？

Question

在我的页面中，有两个“Conatct Selected”锚按钮，一个在顶部的 id 为“selectAllLink”，另一个在底部的 id 为页面的“selectAllLinkB”。使用以下脚本完美运行的顶部：

<script type="text/javascript">

$(function() {
    $('#selectAllLink').each(function() {
        var a = [];
        var n = $("td.title_listing input:checked");
        var s = "";

        n.each(function() {
            a.push(this.value);
        });
        s = a.join(',');

        if (a.length > 0)
            this.href = "/D_ContactSeller.aspx?property=" + s;
        else
            this.href = 'javascript:alert("Select at least one property to contact!");';
        return false;
    });
});

现在对于我的底部锚按钮，我尝试将其 id 设置为“selectAllLinkB”并更改如下代码：

    <script type="text/javascript">

    $(function() {
        $('#selectAllLink, selectAllLinkB').each(function() {
            var a = [];
            var n = $("td.title_listing input:checked");
            var s = "";
           .....
           .....
           .....
    });

是否有任何简单的方法可以为锚按钮事件调用脚本？ 等待快速而良好的响应。提前致谢...

Answer 1

你很接近。选择器应该是'#selectAllLink, #selectAllLinkB'。

但是，您可能希望使用 click 方法而不是 each 来注册单击事件，而不是在加载时设置 href 属性。现在，您将获得在页面加载时检查的复选框，而不是在单击链接时检查的复选框。

Answer 2

您已经经历了使用不显眼的 JavaScript 来修改 href 的麻烦，甚至还有 jQuery。真的没有理由使用这种方法

this.href = 'javascript:alert("Select at least one property to contact!");';

相反，您应该考虑使用更现代的事件注册方法：

$(function() {
    $('#selectAllLink, #selectAllLinkB').click(function(e) {
        var a = [];
        $("td.title_listing input:checked").each(function() {
            a.push(this.value);
        });

        if ( a.length ) {
            this.href = "/D_ContactSeller.aspx?property=" + a.join(',');
        } else {
            e.preventDefault();
            alert("Select at least one property to contact!");
            return false;
        }
    });
});

Answer 3

我会从 id 更改为 class 等等：

<script type="text/javascript"> 

$(function() { 
    $('.selectAllLink').each(function() { ...
    }
}