Accessing checkbox list's checkitem in javascript

Question

I have checkboxes in html as follows:

    <td><input type="checkbox" name="ChkmemberId" value="D657868" onclick="javascript:saveJobDetails('D657868','1');BindGrid('','Edit');">D657868

<input type="checkbox" name="ChkmemberId" value="M78786" onclick="javascript:saveJobDetails('M78786','1');BindGrid('','Edit');">M78786

<input type="checkbox" name="ChkmemberId" value="D89798" onclick="javascript:saveJobDetails('D89798','1');BindGrid('','Edit');">D89798</td>

I wanted to access checked items of these in javascript.

I tried as follows:

 elm = document.getElementByName("ChkmemberId");

                if (elm != null) {

                    alert('1');
                    var checkBoxes = elm.getElementsByTagName("input");
                    var label = elm.getElementsByTagName("label");
                    alert('2');
                    for (i = 0; i < checkBoxes.length; i++) {
                        if (checkBoxes[i].checked == true) {

                            userID = userID + checkBoxes[i].value + ",";
                        }

                    }
                }
            }

But its not working.

Please help me how can i access checkboxlist in javascript.

Its not binding checked items in UserID as userID = userID + checkBoxes[i].value + ","; — C Sharper
– C Sharper, Commented Apr 11, 2014 at 7:24
What is userID? Where is it declared and what is its initial value? — JLRishe
– JLRishe, Commented Apr 11, 2014 at 7:26
The method you're looking for is getElementsByName(), note the 's' in there. — David Thomas
– David Thomas, Commented Apr 11, 2014 at 7:29

A1rPun · Accepted Answer · 2014-04-11 07:39:15Z

2

You are trying to get child elements from an element who hasn't got any child elements.

var checkBoxes = elm.getElementsByTagName("input");

You want to get all the elements with the same name. After that you want to loop trough them all and put the value in userId.

Try it with this code:

var checkBoxes = document.getElementsByName('ChkmemberId');
for (var i = 0; i < checkBoxes.length; i++) {
    if (checkBoxes[i].checked) {
        userID += checkBoxes[i].value;
    }
}

edited Apr 11, 2014 at 7:39

answered Apr 11, 2014 at 7:28

A1rPun

17k8 gold badges60 silver badges93 bronze badges

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

Comments

JLRishe · Accepted Answer · 2014-04-11 07:31:07Z

1

How's this:

var checks = document.getElementsByName("ChkmemberId"),
    check, parts = [],
    userID, i;

for (i = 0; i < checks.length; i += 1) {
    check = checks[i];
    if (check.checked) {
        parts.push(check.value);
    }
}

userID = parts.join(", ");

Working fiddle:

http://jsfiddle.net/EVQwc/

answered Apr 11, 2014 at 7:31

JLRishe

102k19 gold badges138 silver badges171 bronze badges

Collectives™ on Stack Overflow

Accessing checkbox list's checkitem in javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related