javascript - 更改变量 onclick 的值

Question

我试图在点击时更改变量值，以便我可以通过 ajax 发送值以按升序或降序格式加载数据。

这是页面顶部的 Javascript 部分。

var ascending = '0';

这是 HTML 部分。

<span onclick="knowFormat(true)"><input type="checkbox" id="ascending" name="ascending"><label for="ascending"><i class="fa fa-sort-alpha-asc"></i>&nbsp;Ascending</label></span>

<span onclick="knowFormat(false)"><input type="checkbox" id="descending" name="ascending"><label for="descending"><i class="fa fa-sort-alpha-desc"></i>&nbsp;Descending</label></span>

<span><input type="button" name="sort" onclick="sorting()"></span>

这是我的 CSS:

input { display:none; }
input:checked ~ label { color:red; }

这是我在 ajax 函数之前和 html、css 部分之后的 Javascript:

function knowFormat(ascending) {
    if (ascending) { ascending = '0'; } else { ascending = '1'; }
}

在我的 Ajax 中，数据总是被发送为“0”，即使在点击后也是如此。

function sorting() {
alert(ascending);
    jQuery.ajax({
        url : 'ajax/file.php',
        type : 'POST',
        data : 'ascending='+ascending,
        success : function(s) {
            alert(s);
        }
    });
}

即使在单击排序 之后，alert 按钮始终为0。

Answer 1

您正在根据范围更改参数。相同的参数名称隐藏了 global 变量。要更改全局变量，请更改参数名称​​或全局变量。

function knowFormat(ascending1) {
    if (ascending1) { ascending = '0'; } else { ascending = '1'; }
}