Home/ Questions/Q 4022040
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T10:25:32+00:00

i Have this code that select all checkboxes: <html> <head> <script language=javascript> function checkAll(){

  • 0

i Have this code that select all checkboxes:

<html>
<head>
<script language="javascript">
function checkAll(){
    for (var i=0;i<document.forms[0].elements.length;i++)
    {
        var e=document.forms[0].elements[i];
        if ((e.name != 'allbox') && (e.type=='checkbox'))
        {
            e.checked=document.forms[0].allbox.checked;
        }
    }
}
</script>
</head>

<body>
  <form>
    <input type="checkbox" value="on" name="allbox" onclick="checkAll();"/> Check all<br />
    <h3>Fruit</h3>
    <input type="checkbox" value="on" name="oranges" /> Oranges<br/>
    <input type="checkbox" value="on" name="bananas" /> Bananas<br/>
  </form>
</body>
</html>

How should i alter (and how it changes the logic) JavaScript that it would work in such case:

<body>
    <form id="menu">
       <input type="checkbox" value="on" name="allbox" onclick="checkAll();"/> Check all<br />
    </form>
    <h3>Fruit</h3>
    <form id="select">
       <input type="checkbox" value="on" name="oranges" /> Oranges<br/>
       <input type="checkbox" value="on" name="bananas" /> Bananas<br/>
    </form>
</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There are two forms in your second example.

    In your JavaScript, you have an array of all forms in the document: document.forms

    Arrays in JavaScript are zero-based, so the first form is accessed with forms[0], the second with forms[1] and so on.

    As the checkboxes in your example are on the second form, simply change your JavaScript to access the elements in the second form.

    ...
    for (var i=0;i<document.forms[1].elements.length;i++)
    {
        var e=document.forms[1].elements[i];
...

    Or because your second form has an ID, you can access it via the ID like this:

    ...
for(var i=0;i<document.getElementById("select").elements.length;i++)
{
    var e=document.getElementById("select").elements[i];
...
    • 0