Call JavaScript for Checkbox.

Question

0.00/5 (No votes)

See more:

Hello Guys I Have Following UI
1)
I have To Div In one page
each Div Contain
TextBox and
One Check Box
And Button
On BUtton Click It Will Check That CheckBox Is Checked Or Not.
For That I write Javascript.

2) @nd Div Contain Same thing.
want to d same opertion

3)
I m Passing ckebox Id for javascript function on button click.

but it show null value.

code arte as follow:

HTML

<div id="div1">
    <textbox>
    <check box id="checkbox1">
   <button  önclientckick="ischecked(checkbox1)">

</div>
<div id="div2">
    <textbox>
    <check box id="checkbox2">
   <button  önclientckick="ischecked(checkbox2)">

</div>

now
javascript function

JavaScript

function  IsChecked(Id)
{
   alert(Id);
  var chk = document.getElementById(Id);
       alert(chk);//this will give null value..
  if(!chk.checked)
  {
  alert("Please check Terms and Condition checkbox");
  return false;
  } 
  else
  {
  return confirm("Are you sure want to submit");
  }

}

alert(chk);//this will give null value..
what should i do??????

Posted 15-Dec-11 18:12pm

chetan virkar

Updated 15-Dec-11 18:17pm

Mehdi Gholam

v3

Add a Solution

4 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Shobana16 · Answer 1 · 2011-12-15T18:30:00

Solution 1

Try the below..

HTML

<div id="div1">
    <input type="text"/>
    <input type="checkbox" id="checkbox1"/>
   <input type="button" onclick="ischecked('checkbox1');" value="click1" />

    </div>
    <div id="div2">
    <input type="text"/>
    <input type="checkbox" id="checkbox2"/>
   <input type="button" onclick="ischecked('checkbox2');" value="click1" />

   </div>

JavaScript

function  ischecked(Id)
{
   alert(Id);
  var chk = document.getElementById(Id);
       alert(chk);//this will give null value..
  if(!chk.checked)
  {
  alert("Please check Terms and Condition checkbox");
  return false;
  }
  else
  {
  return confirm("Are you sure want to submit");
  }

}

Thanks..

Posted 15-Dec-11 18:30pm

Shobana16

Comments

Balakrishnan Dhinakaran 16-Dec-11 0:57am

while executing you ll get this error [object HTMLInputElement]

Shobana16 16-Dec-11 1:06am

We need to check whether it is checked or not.. thats enough na..we get this alert("Please check Terms and Condition checkbox") , if it is not clicked. Am i right?

Shobana16 16-Dec-11 1:12am

I think alert(chk); is the unwanted line..Because we can get the id of checkbox as a prameter.If we want to get its value means , we can put like this
alert(chk.value);

Balakrishnan Dhinakaran 16-Dec-11 1:15am

you please check my code ..:)

Shobana16 16-Dec-11 1:23am

ya sure..

Balakrishnan Dhinakaran 16-Dec-11 1:16am

my vote is 5 for your good technical try

Shobana16 16-Dec-11 1:22am

Thank you..

Balakrishnan Dhinakaran · Answer 2 · 2011-12-15T19:02:00

This works fine

XML

<html>
<head>
<title>
chkbx
</title>
<script>
function  ischecked(Id)
{
  var chk = document.getElementById(Id);
  if(!chk.checked)
  {
  alert("Please check Terms and Condition "+Id);
  return false;
  }
  else
  {
  return confirm("Are you sure want to submit "+Id);
  }
 
}
</script>
</head>
<body>
<div id="div1">
    <input type="text"/>
    <input type="checkbox" id="checkbox1"/>
   <input type="button"  önclick="return ischecked('checkbox1');" value="click1" />
    </div>
    <div id="div2">
    <input type="text"/>
    <input type="checkbox" id="checkbox2"/>
   <input type="button"  önclick="return ischecked('checkbox2');" value="click2" /> 
   </div>
</body>
</html>

chetan virkar · Answer 3 · 2011-12-15T19:34:00

Solution 4

var chk = document.getElementById(objId);
Give Null Value.
There fore it can not go further!.
for either it is checked or not!

Posted 15-Dec-11 19:34pm

chetan virkar

koolprasad2003 · Answer 4 · 2011-12-15T18:39:00

which button you are using asp:button or HTMLInput. check the following code

ASP.NET

div id="div1">
   <asp:checkbox runat="server" id="checkbox1" text="blah">
   <asp:button runat="server" onclientckick="return ischecked(checkbox1)" text="click">
 
</div>
<div id="div2">
   &lt;asp:checkbox runat="server" id="checkbox2" text="blah"&gt;
   &lt;asp:button runat="server" onclientckick="return ischecked(checkbox2)" text="click">
 </div>

in Javascript

JavaScript

function ischecked(objID)
{
  var chk = document.getElementById(objId);
  if(!chk.checked)
  {
  alert("Please check Terms and Condition checkbox");
  return false;
  }
  else
  {
     if (!(confirm("Are you sure want to submit")))
     {
        alert("you have clicked Cancel");
        return false;
     }
  }

}

Call JavaScript for Checkbox.

4 solutions

Solution 1

Solution 3

Solution 4

Solution 2

Add your solution here

Preview 0