I am trying to change variable value on click, so that i can send the value via ajax to load data in ascending or descending format.
Here is Javascript part on top of page.
var ascending = '0';
Here is HTML Part.
<span onclick="knowFormat(true)"><input type="checkbox" id="ascending" name="ascending"><label for="ascending"><i class="fa fa-sort-alpha-asc"></i> 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> Descending</label></span>
<span><input type="button" name="sort" onclick="sorting()"></span>
Here is my CSS :
input { display:none; }
input:checked ~ label { color:red; }
Here is my Javascript just before ajax function and after html, css part:
function knowFormat(ascending) {
if (ascending) { ascending = '0'; } else { ascending = '1'; }
}
And in my Ajax, Data is always getting sent '0', even after click.
function sorting() {
alert(ascending);
jQuery.ajax({
url : 'ajax/file.php',
type : 'POST',
data : 'ascending='+ascending,
success : function(s) {
alert(s);
}
});
}
Even after clicking sorting, The alert button is always 0.