Text of the HTML checkbox

Because in many browsers, the nextSibling will be an empty text node.

USE nextElementSibling instead of nextSibling

WORKING DEMO

The ChildNode.nextElementSibling read-only property returns the element immediately following the specified one in its parent's children list, or null if the specified element is the last one in the list.

function MyFunction() { var chk = document.getElementsByName("g"); for (var i = 0; i < chk.length; i++) { if (chk[i].checked === true) { alert("Checkbox at index " + i + " is checked!"); alert("Text at index " + i + chk[i].nextElementSibling.innerHTML); } } } MyFunction(); 

Since you tagged this with jQuery I'll answer using jQuery. Here's the fiddle: http://jsfiddle.net/5xL56/3/

Explanation: On button click:

$("#btn").click 

It will run through every checkbox with the name "g":

$("input[type=checkbox][name=g]").each 

Try this, You are writing JavaScript on load, mention in head or body as below:

 function MyFunction() { var chk = document.getElementsByName("g"); for (var i = 0; i < chk.length; i++) { if (chk[i].checked === true) { alert("Checkbox at index " + i + " is checked!"); alert("Text at index " + i + chk[i].nextElementSibling.innerText); } } } 

Demo

Use chk[i].value to fetch the value of the checked checkbox.

alert("Text at index " + i + chk[i].value); 

Demo

Please correct this line !

alert("Text at index " + i + chk[i].nextSibling.nextSibling.innerText); 

Or you can use;

alert("Text at index " + i + chk[i].nextElementSibling.innerText); 

Or you can use; (My way)

alert("Text at index " + i + chk[i].value); 

To see this options, you can write in javascript your code "console.log(chk[i])" than you can see your options to get the text.

Try this I think this would work :

$.each($("input[name='g']:checked"),function(i,element){ var id = $(element).attr("id"); var text = $("label[for='"+id+"']").text(); alert(text); }); 

Use nextElementSibling instead of nextSibling

Fiddle demo

nextSibling checks for whatever there is following the current element and hence even line-break or space etc are also considered even if these are not HTML elements and nextSibling() is only for that.

But nextElementSibling searches for the next HTML element that here is the <label> and hence it is what you need.