Check and un-check checkboxes using Javascript

Question

Hey guys im trying to get a checkbox scenario worked out, I have 7 boxes and im trying to get a logic statement where it works things out. I have 7 checkboxes and the 7th box is all of the above, when all of the above is clicked it deselects all of the previous ones, when 1-6 is selected it deselects the all of the above box. What ends up happening in my current code it deselects all of the 1-6 boxes and then they are now unable to click. Unfortunately i'm kind of constrained to things. so i'll paste my code any help greatly appreciated.

This is a snippet of very horrible coding, i just through this together while i was trying multiple ways to get it to work.

if (document.forms[0].propDetails[6].checked==true) {
for (var x=0;x<6;x++) {
document.forms[0].propDetails[x].checked=false;
}
}
else {
document.forms[0].propDetails[6].checked=false;
}
} // end of function

Hello, I cannot understand what you really want to code. Can you explain that again in simple words? Thanks. — Reporter
– Reporter, Commented Apr 8, 2011 at 9:21

dominicbri7 · Accepted Answer · 2011-04-08 09:22:29Z

1

I first suggest that you give a specific NAME attribute to the 1-6 checkboxes, and parsing them using getElementsByName like so :

<input type="checkbox" id="myChk1" name="myChk" />
...
<input type="checkbox" id="myChk6" name="myChk" />

<input type="checkbox" id="myChkAll" onchange="chkAll(this);" />

<script type="text/javascript">
function chkAll(obj) {
    var isChecked = obj.checked;

    var chk1to6 = document.getElementsByName('myChk');

    for (var i = 0 ; i < chk1to6.length ; i++) {
        chk1to6[i].checked = isChecked;
    }
}
</script>

answered Apr 8, 2011 at 9:22

dominicbri7

2,5994 gold badges24 silver badges34 bronze badges

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

Comments

Sangeet Menon · Accepted Answer · 2011-04-08 09:20:55Z

0

Give different unique Id to all the checkboxs... like

chckbx1
chckbx2
chckbx3

.

.
chckbx7

the call a same function on click of any of the checkbox with the object of that checkbox

i.e. onclick=functionname(this);

In side the function check the id

functioname(str){
if(str.id=="chckbx7"){
//deselect all except chckbx7
}
else{
//deselect chckbx7
}
}

answered Apr 8, 2011 at 9:20

Sangeet Menon

9,9238 gold badges44 silver badges60 bronze badges

Collectives™ on Stack Overflow

Check and un-check checkboxes using Javascript

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