How to import an array into a function in javascript?

Question

I need some help with the code below:

    <script type="text/javascript">
        var opcao = new Array (
            document.getElementById("cred_form_1864_1_wpcf-pde_Pesquisas_descontinuadas"),
            document.getElementById("cred_form_1864_1_wpcf-pnps_Pesquisas_nao_patenteaveis-sigilosas")
        );

        function check1(){
            if (opcao[0].checked == true){
                for (var i = 0; i < opcao.length; i++){
                    if (i != 0){
                        opcao[i].checked = false;
                        opcao[i].disabled = true;
                    }
                }
            }
        }

        function check2(){
            if (opcao[1].checked == true){
                for (var i = 0; i < opcao.length; i++){
                    if (i != 1){
                        opcao[i].checked = false;
                        opcao[i].disabled = true;
                    }
                }
            }
        }
    </script>

I need to call the array 'opcao' within the functions 'check1 ()' and 'check2 ()'. How can I do this?

====================

I tried the suggestion of Mishik did not work. What I need is that the functions 'check1 ()' and 'check2 ()' to access the same array 'opcao'. If I write the array within each function the code works perfectly. But how are the same values I would have to repeat the same array for each function created.

Why do you use such short id's ? are you mixing JS programming with typing exercise ? ;) — Nir Alfasi
– Nir Alfasi, Commented Jul 13, 2013 at 17:03
Soon People will be explaining what the element is in their id 's like this <div id="header-banner-shows-visitors-of-latest-deals-in-september-this-year---bye"> <img src="..."/> </div> — iConnor
– iConnor, Commented Jul 13, 2013 at 17:41

mishik · Accepted Answer · 2013-07-13 17:37:37Z

2

If your code is executed before the page is loaded, then opcao array will not actually contain required elements.

You need to wrap your code in window.onload, so that by the time script is executed all the required elements will be available in the document.

window.onload = function() {
    var opcao = new Array (
        document.getElementById("cred_form_1864_1_wpcf-pde_Pesquisas_descontinuadas"),
        document.getElementById("cred_form_1864_1_wpcf-pnps_Pesquisas_nao_patenteaveis-sigilosas")
    );

    function check1(){
        if (opcao[0].checked == true){
            for (var i = 0; i < opcao.length; i++){
                if (i != 0){
                    opcao[i].checked = false;
                    opcao[i].disabled = true;
                }
            }
        }
    }

    function check2(){
        if (opcao[1].checked == true){
            for (var i = 0; i < opcao.length; i++){
                if (i != 1){
                    opcao[i].checked = false;
                    opcao[i].disabled = true;
                }
            }
        }
    }
}

answered Jul 13, 2013 at 17:37

mishik

10k9 gold badges48 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

holographic-principle Over a year ago

I believe merely placing the script tag at the bottom would be sufficient in the OP's case. Nevertheless, this is a more fool-proof solution.

Collectives™ on Stack Overflow

How to import an array into a function in javascript?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related