javascript - 使用 jquery 根据按钮值调用不同的 URL

Question

我有一个调用 CFM 页面的按钮，它需要根据用户是激活还是停用数据库中的记录来传递一个值。我正在努力解决如何将活动/非活动值传递给 jQuery。下面是我正在使用的代码，它只能单向工作，即从活动到非活动。

<script>
$(document).ready(function() {

    $("#IsActive_1").click(function() {

    //cache the status div
        var status = $("#status");

        //let the user know the record is being updated
        status.html("<i>updating status...</i>");

    $("#IsActive_1").html('activate');

        //the status variable needs to be dynamic
        $.get("updateStatus.cfm?status=inactive", {}, function(res,code) {
        //show the result in plain HTML
        status.html(res);
    });

    });

});
</script>


<button id="IsActive_1"><cfif IsActive>deactivate<cfelse>activate</cfif></button><div id="status"></div>

最后，我想根据适当的条件更改按钮上显示的文本以激活/停用（单击停用后激活，反之亦然）。

TIA

Answer 1

您可以向按钮添加一个属性，并基于它发送变量。

<button id="IsActive_1" checked="checked">Deactivate</button>


    $("#IsActive_1").click(function() {
          var x = $(this);
          var isActive = x.attr('checked') != undefined;
          if (isActive)
            x.removeAttr('checked');
          else
            x.attr('checked', 'checked');
        //cache the status div
            var status = $("#status");

            //let the user know the record is being updated
            status.html("<i>updating status...</i>");

             x.html(isActive ? 'Activate' : 'Deactivate');

            //the status variable needs to be dynamic
            $.get("updateStatus.cfm", { status : isActive ? 'inactive' : 'active' }, function(res,code) {
            //show the result in plain HTML
            status.html(res);
        });

        });