How to use windows onload fuction twice in a same page

[bhitra]

I have a java script which I used for passing check boxes values to text box. But it does not work if i use it twice in a same page. How can I use it many times in a same page?

 
 
<script type="text/javascript">
 
 
 
 
window.onload=function(){
    var textbox = document.getElementsByName("textname")[0];
    var checkboxes = document.getElementsByName("checkboxname");
    for (var i = 0; i < checkboxes.length; i++) {
        var checkbox = checkboxes[i];
        checkbox.onclick = (function(chk){
            return function() {
                var value = "";
                for (var j = 0; j < checkboxes.length; j++) {
                    if (checkboxes[j].checked) {
                        if (value === "") {
                            value += checkboxes[j].value;
                        } else {
                            value += "," + checkboxes[j].value;
                        }
                    }
                }
                textbox.value = value;
            }
        })(checkbox);
    }
} 
 
 
 
 
 
 
 
 
</script>
 
 

[Dormilich]

it’s simple, you can’t.

you have to use Event Listeners to attach more than one handler to a single event:

window.addEventListener("load", function1);
window.addEventListener("load", function2);
window.addEventListener("load", function(evt) { /* ... */ });

[bhitra]

hey can you help me by writing an event listener because i am beginner. I copied the java script code from somewhere, i don't know where i add even listener code.

[Dormilich]

just replace window.onload=function(){} by window.addEventListener("load", function(evt) {})

[bhitra]

a million dollar thanks to you. It finally worked.