JavaScript – Get Checkbox Value

Checkbox can be of two types, with same name and with different name. Same name checkbox is used for collection type i.e. id=1,2,3,4,5 .. n. The checkbox value can fetch with elements of form with same name. This checkbox has same nature so we define with it as same name. 

document.frm.id1.value

With separate name checkbox value can get by property name. If we have a single checkbox in form, we can get value of checkbox by property name.

The example is showing how to get value of checkbox in JavaScript with elements of forms and single checkbox.

Demo

<html>
<head>
<title>JavaScript select checkbox</title>
<script>
function selectCheckBox()
{
  var e= document.frm.elements.length;
  var cnt=0;

  for(cnt=0;cnt<e;cnt++)
  {
    if(document.frm.elements[cnt].name=="id"){
     alert(document.frm.elements[cnt].value)
    }
  }
}
</script>
</head>

<body>
<form name="frm">
<input type="checkbox" name="id" value="1">
<input type="checkbox" name="id" value="2">
<input type="checkbox" name="id" value="3">
<input type="checkbox" name="id" value="4">
<input type="checkbox" name="id" value="5">
<input type="button" name="goto" onClick="selectCheckBox()" value="Check">
</form>
</body>
</html>

The example is showing how to get value from separate name checkbox in JavaScript.

<html>
<head>
<title>JavaScript select checkbox</title>
<script>
function selectCheckBox()
{
     alert(document.frm.id1.value)
     alert(document.frm.id2.value)
     alert(document.frm.id3.value)
}
</script>
</head>

<body>
<form name="frm">
<input type="checkbox" name="id1" value="1">
<input type="checkbox" name="id2" value="2">
<input type="checkbox" name="id3" value="3">

<input type="button" name="goto" onClick="selectCheckBox()" value="Check">
</form>
</body>
</html>
Bookmark  

 

3 Responses to “JavaScript – Get Checkbox Value”

  1. Jyotishankar says:
    July 9, 2011 at 2:38 pm

    Select all check for a checkbox with using different names!

    function selectCheckBox()
    {
    if(document.getElementById(’id11′).checked==true)
    {
    document.frm.id2.checked=true
    document.frm.id3.checked=true
    document.frm.id4.checked=true
    }
    if(document.getElementById(’id11′).checked==false)
    {
    document.frm.id2.checked=false
    document.frm.id3.checked=false
    document.frm.id4.checked=false
    }
    }
    function selectCheckBox2()
    {
    if((document.getElementById(’id12′).checked==false) && ((document.getElementById(’id13′).checked==false) && ((document.getElementById(’id14′).checked==false))
    {
    document.frm.id1.checked=false
    }
    }

    All :
    A. :
    B. :
    C. :

  2. Jyotishankar says:
    July 9, 2011 at 2:40 pm

    All :
    A. :
    B. :
    C. :

  3. Kuldeep Kumar Singh says:
    July 18, 2011 at 5:42 pm

    Thanks man…. :)

Leave a Reply

Security Code:

 

  Random Post