Selecting all checkboxes using javascript


<html>
<head>
<title>JavaScript - Select All checkbox in form</title>
<script>
var fieldName='chkName';

function selectall(){
  var i=document.frm.elements.length;
  var e=document.frm.elements;
  var name=new Array();
  var value=new Array();
  var j=0;
  for(var k=0;k<i;k++)
  {
    if(document.frm.elements[k].name==fieldName)
    {
      if(document.frm.elements[k].checked==true){
        value[j]=document.frm.elements[k].value;
        j++;
      }
    }
  }
  checkSelect();
}
function selectCheck(obj)
{
 var i=document.frm.elements.length;
  for(var k=0;k<i;k++)
  {
    if(document.frm.elements[k].name==fieldName)
    {
      document.frm.elements[k].checked=obj;
    }
  }
  selectall();
}

function selectallMe()
{
  if(document.frm.allCheck.checked==true)
  {
   selectCheck(true);
  }
  else
  {
    selectCheck(false);
  }
}
function checkSelect()
{
 var i=document.frm.elements.length;
 var berror=true;
  for(var k=0;k<i;k++)
  {
    if(document.frm.elements[k].name==fieldName)
    {
      if(document.frm.elements[k].checked==false)
      {
        berror=false;
        break;
      }
    }
  }
  if(berror==false)
  {
    document.frm.allCheck.checked=false;
  }
  else
  {
    document.frm.allCheck.checked=true;
  }
}
</script>
</head>

<body>
<form name="frm">
select all :<input type="checkbox" name="allCheck" onClick="selectallMe()">
<hr><br>
1  :<input type="checkbox" name="chkName" onClick="selectall()"><br>
2  :<input type="checkbox" name="chkName" onClick="selectall()"><br>
3  :<input type="checkbox" name="chkName" onClick="selectall()"><br>
4  :<input type="checkbox" name="chkName" onClick="selectall()"><br>
5  :<input type="checkbox" name="chkName" onClick="selectall()"><br>
6  :<input type="checkbox" name="chkName" onClick="selectall()"><br>
7  :<input type="checkbox" name="chkName" onClick="selectall()"><br>
8  :<input type="checkbox" name="chkName" onClick="selectall()"><br>
9  :<input type="checkbox" name="chkName" onClick="selectall()"><br>
10 :<input type="checkbox" name="chkName" onClick="selectall()"><br>
</form>
</body>
</html>
READ MORE - Selecting all checkboxes using javascript

0 comments  

Labels:

Get Checkbox Value using javascript


<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>
READ MORE - Get Checkbox Value using javascript

1 comments  

Labels:

More than one form in HTML page


<html>
<head>
<title>Use more than one form in html page</title>
</head>

<body>
<form name="frm1" action="actionPage1.jsp">

<input type="text" name="txtName">
<input type="submit" name="goSubmit" value="Submit">

</form>

<form name="frm2" action="actionPage2.jsp">

<input type="text" name="txtName">
<input type="submit" name="goSubmit" value="Submit">

</form>

<form name="frm3" action="actionPage3.jsp">

<input type="text" name="txtName">
<input type="submit" name="goSubmit" value="Submit">

</form>
</body>
</html>
READ MORE - More than one form in HTML page

0 comments  

Labels:

Confirm function in Javascript


<html>
<head>
<title>Confirm javascript</title>
<script>
    function validate()
    {
      var confirmMessage="Are you sure to move Yahoo home page!";

      if(confirm(confirmMessage)==false)
      {
          return false;
      }
    }
</script>
</head>

<body>
    <form name="frm" action="http://yahoo.com" onSubmit="return validate()">
       <input type="submit" name="goSubmit" value="Submit" />
    </form>
</body>
</html>
READ MORE - Confirm function in Javascript

0 comments  

Labels:

Calling href using JavaScript


<html>
<head>
<title>Calling JavaScript Href</title>
<script>
function callHref()
{
  alert("Function is called from Href");
}
</script>
</head>

<body>
<a href="javascript:callHref()">Calling JavaScript Href </a>
</body>
</html>
READ MORE - Calling href using JavaScript

0 comments  

Labels:

Subscribe to: Posts (Atom)
 
 
 
 


Copyright © 2012 http://codeprecisely.blogspot.com. All rights reserved |Term of Use and Policies|