Question

有人知道如何使用带有复选框的JavaScript来隐藏一个ajax ActionLink并在选中复选框时显示另一个吗？

查看：

@Html.Label("Title")
@Html.CheckBox("CheckBox")

@Ajax.ActionLink("Do Stuff1", "SoStuff1", new { Id = Model.Id }, new AjaxOptions{//ajaxoptions},

@Ajax.ActionLink("Do Stuff2", "SoStuff2", new { Id = Model.Id }, new AjaxOptions{//ajaxoptions},

由于

Answer 1

Ajax.ActionLink没有允许传递自定义HTML属性的重载，并且很难在不能引用某个id或类的情况下显示/隐藏其中一个或另一个。我想，可以将链接包装在div或span中，然后将id或类应用于。那实际上可能是最安全，最快捷的课程。

一旦你有了可以选择的东西，JavaScript就是微不足道的（我应该说“jQuery”，因为当其他人将两者等同时，我总是讨厌它。但是，ASP.NET MVC默认使用jQuery，所以支持可以假设。）：

$('#CheckBox').on('click', function () {
    if ($(this).is(':checked')) {
        $('#link1').show();
        $('#link2').hide();
    } else {
        $('#link1').hide();
        $('#link2').show();
    }
});

FWIW，我会提醒所有Ajax帮助者。自动代码很棒，但我相信自动化的 AJAX 代码是一个过程。那里有太多的东西，这一切都隐藏在开发人员面前。这是灾难的秘诀。

使用复选框＆amp; javascript隐藏/显示ajax动作链接 - MVC

1 个答案: