How to check a function before execute another one

Question

The problem is that i have an function like this :

function toggleLayers(layers,id)
    {
        var i, l = layers.length;
        if ($('#'+id).is(':checked')) {
            for(i = 0; i < l; i++){
                layers[i].setMap(map);
            }
        }
        else
        {
            for(i = 0; i < l; i++){
                layers[i].setMap(null);
            }
        }
    }

With this feature I check whether it is a checked checkbox or not. The problem is with another function:

function refreshpage(){
        var sdat = document.getElementById('refreshi').value ;      
        var enddate13 = sdat.replace('.','');       
        var enddate1 = enddate13.replace('.','');       
        var enddate2 = enddate1.replace(':','');        
        var enddate3 = enddate2.replace(':','');        
    //    var endate = "*";     
        var date = enddate1.slice(0, 8);        
    var time = enddate3.slice(9, 15);       

        var endateD = date.slice(0, 2);     

        var endateM = date.slice(2, 4);     
        var endateY = date.slice(4, 8);     

    var endateFinal = endateY + endateM + endateD ;


}

This function refreshes the site and if the checkbox is checked, this checbox will be unchecked. how can i do to work even if the site refreshes if the checkbox is checked to be checked?

Call the first function first inside the main one to establish the state of your page then reapply that state after the refresh. — Paula Livingstone, Apr 18 '19 at 07:29
Use AJAX and don't reload the page at all. Thats faster and creates a better user experience — Jonas Wilms, Apr 18 '19 at 07:31
@PaulaLivingstone I am new to js, can you explain in more details please? — trt, Apr 18 '19 at 07:36
I was speaking in the terms of your question as posed however Id say @JonasWilms has the better idea — Paula Livingstone, Apr 18 '19 at 07:42
@PaulaLivingstone Yes is good idea but the project is big and I am now involved in this project,Thanks — trt, Apr 18 '19 at 07:44
Are you using PHP in the project, and that's the reason why you need to update the url and reload? — Rickard Elimää, Apr 18 '19 at 09:32

score 2 · Accepted Answer · answered Apr 18 '19 at 08:17

When a web page is refreshed any state you had in it, in terms of form data like checkboxes, is deleted. You have several options:

Use local storage. Save the data in local storage and when the page is loaded read from the local storage and set the checkboxes.
Use your server. Send the form data (which checkboxes are checked and so forth) to the server and when the page is loaded make the server send the data to the page. This is not the best solution since your'e saving page state in the server.
Use the url. You can save the state of the form in the url using the query string. look here. This means that each checkbox toggle will change the url without reloading.

Thank you very much, i used the first solution. I am very grateful to you. — trt, Apr 18 '19 at 11:32

How to check a function before execute another one

1 Answers1