JavaScript

Hello All,
 Using toggleClass and hasClass in javascript to toggle between 'SelectAll' and 'DeselectAll', to control the checkboxes. 'SelectAll' would check all the checkboxes, and 'DeselectAll' would deselect them all at once. This works fine in my development environment, but in staging server, the button does not invoke any action. It does nothing.

 How does one go about debugging another environment, which does not have VS installed? 

 I have pasted a snippet - thank you!

Hide   Copy Code
script type="text/javascript">
        $(function () {
            $("#SelectAll").click(function () {
                var $this = $(this);
                $this.toggleClass('SelectAll');
                if ($this.hasClass('SelectAll')) {
                    $this.text('DeselectAll');
                    $this.val('DeselectAll');

                    var ischecked = true;
                } else {
                    $this.text('SelectAll');
                    $this.val('SelectAll');
                    var ischecked = false;
                }
            });
        });
        </script>

$(document).on("change", "#Shipper_VendorID", function () {
        load_rateAPICodes();
    });

    $(document).on("change", "#Shipper_RateAPICode", function () {
        load_RateAPIDetails();
    });

beforeSend: function () {
  // Unbind Events if the Vendor has changed            
  $(document).off("change", $ddl_vendorID);
  $(document).off("change", $ddl_serviceID);            
},

complete: function () {
  // Rebind the Events that were unbinded if the vendor was changed            
  $(document).on("change", $ddl_vendorID, load_rateAPICodes());
  $(document).on("change", $ddl_serviceID, load_RateAPIDetails());                        
}

function run_packageSelect(_packageID) {

    var $txt_orderID                    = $("#Order_ID"),<br />
        $ddl_vendorID                   = $("#Shipper_VendorID"),
        $ddl_serviceID                  = $("#Shipper_RateAPICode"),
        $js_packageAdd                  = $("#js_packageAdd"),
        _dataVendorID                   = $("#Shipper_VendorID option:selected").attr("value"),
        _dataVendorAttr                 = $ddl_serviceID.attr("data-vendor");

    // Collapse the Package Form
    $js_packageAdd.collapse('hide');

    $.ajax({
        type: "POST",
        cache: true,
        dataType: "json",
        global: true,
        url: '/Ajax/Json_Shipment_Order_Package_Fetch',
        data: { Package_ID: parseInt(_packageID, 10) },
        beforeSend: function () {
            // Unbind Events if the Vendor has changed<br />
            $(document).off("change", $ddl_vendorID);
            $(document).off("change", $ddl_serviceID);<br />
        },
        error: function (response) {<br />
            alert("http code: " + response.status + " Error: Json_Shipment_Order_Package_Fetch - data: " + response);
        },
        success: function (data) {

            // Update the Dropdown boxes if the vendor has changed
            $ddl_vendorID.val(data.Vendor_ID); 
            if (parseInt(_dataVendorID, 10) !== parseInt(_dataVendorAttr, 10)) {

                $.ajax({
                    type: "POST",
                    cache: true,
                    dataType: "json",
                    url: '/Ajax/Json_Shipment_Load_Vendor_Services',
                    global: true,
                    data: { ShipperID: parseInt(data.Vendor_ID, 10) },
                    error: function (response) {
                        alert("http code: " + response.status + " Error: Json_Order_Shipment_Load_Services - data: " + response);
                    },
                    success: function (data) {
                        var markup = "<option value=''> " + data.length + " services(s) found --</option>";
                        for (var x = 0; x < data.length; x++) {
                            if (data.Value == data.Service_ID) {
                                markup += "<option value=" + data[x].Value + " selected>" + data[x].Text + "</option>";
                            }
                            else {
                                markup += "<option value=" + data[x].Value + ">" + data[x].Text + "</option>";
                            }
                        }
                        $("#Shipper_RateAPICode").html(markup).show();
                    },
                    complete: function () {
                        $ddl_serviceID.val(data.Service_ID).change();
                    }
                });
            }
            else {
                $ddl_serviceID.val(data.Service_ID).change();
            }
        },
        complete: function () {
            // Rebind the Events that were unbinded if the vendor was changed<br />
            $(document).on("change", $ddl_vendorID, load_rateAPICodes());
            $(document).on("change", $ddl_serviceID, load_RateAPIDetails());<br />
        }
    });
}