Find the number of <input> in an Div tag

Question

Hi Friends,

I need to find out the number <input> tag within a <Div> tag.. How it's possible.. For example the code will be like this..

<div><li ><a>Jayan</a><input type="checkbox" id="c21" onClick="fcheck(this);" ></li>
<li ><a href="#">Reshaba</a><input type="checkbox" id="c22" onClick="fcheck(this);" >
 <ul>
  <li ><a>crescent</a><input type="checkbox" id="c221" onClick="fcheck(this);" ></li>
  <li ><a>crescent</a><input type="checkbox" id="c222" onClick="fcheck(this);" ></li>
  <li ><a>crescent</a><input type="checkbox" id="c223" onClick="fcheck(this);" ></li>
  <li ><a>crescent</a><input type="checkbox" id="c224" onClick="fcheck(this);" ></li>
 </ul>
</li></div>

Please help

Thanks,
Praveen J

Answer 1

Take a look at the getElementsByTagName method.

Answer 2

Use jQuery:

$("div input").length

Answer 3

Very easy if you can use jQuery:

$('#divId input').length;

Otherwise @Jon Grant's answer is what you need

Answer 4

Why always the jquery solutions ? There is nothing wrong with using jquery, but including a JS library to count some elements is serious overkill.

Native javascript:

var inputCount = document.getElementById('divId').getElementsByTagName('input').length;