javascript checkbox enable/disable

Question

Ok this is very anoying, and it is probably very simple. I want to start my web page with disabled checkboxes, and after particlar line in listbox is selected to enable those boxes. So I put this in onload method

onload = function () {
   for (i = 0; i < document.frmMain.checkgroup.length; i++){
        document.frmMain.checkgroup[i].disabled = true ;
   }
}

it start my page with disabled boxes, now i want do enable them

function enableCheckboxes(){
    if (document.frmMain.Vrste[document.frmMain.Vrste.selectedIndex].value == "Sendvici i Rostilj"){
        for(i=0;i<document.frmMain.checkgroup.length;i++){
       document.frmMain.checkgroup[i].enabled = true;

        }
    }
}

it goes in to the for loop, but it never enable those checkboxes. I cannot figure it why.

and this is html part, where i call enablecheckbox function:

<select name="Vrste" onChange="PopulatePodvrste(); enableCheckboxes();"  size="8">
    <option value="Pica">Pica</option>
    <option value="Barbarina domaca trpeza">Barbarina domaca trpeza</option>
    <option value="Slana Palacinka">Slana Palacinka</option>
    <option value="Slatka Palacinka">Slatka Palacinka</option>
    <option value="Sendvici i Rostilj">Rostilj i sendvici</option>
    <option value="Dobro jutro sa Barbarom">Dobro jutro sa Barbarom</option>
    <option value="Chicken Meni">Chicken Meni</option>
    <option value="Posebna Ponuda">Posebna Ponuda</option>
    <option value="Salate">Salate</option>
</select>

And finally actual checkboxes:

<input type="checkbox" name="checkgroup" >Susam</input><br>
<input type="checkbox" name="checkgroup" >Cili</input><br>
<input type="checkbox" name="checkgroup" >Tartar</input><br>
<input type="checkbox" name="checkgroup" >Urnebes</input><br>
<input type="checkbox" name="checkgroup" >Krastavac</input>

Edward Z. Yang · Accepted Answer · 2011-03-07 02:03:02Z

10

Try instead:

    document.frmMain.checkgroup[i].disabled = false ;

answered Mar 7, 2011 at 2:03

Edward Z. Yang

26.9k16 gold badges87 silver badges117 bronze badges

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

Comments

Avitus · Accepted Answer · 2011-03-07 02:03:17Z

2

if would add the jquery library to your page then I would add:

$(document).ready(function() {
    $("input[name='checkgroup']").attr("disabled", "disabled");
})

function enableCheckboxes() {
   $("input[name='checkgroup']").removeAttr("disabled");
}

If you don't want to use jquery then just change your enable line to be:

document.frmMain.checkgroup[i].disabled = false ;

answered Mar 7, 2011 at 2:03

Avitus

16k6 gold badges47 silver badges54 bronze badges

Collectives™ on Stack Overflow

javascript checkbox enable/disable

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related