Checkbox validator

Question

0.00/5 (No votes)

See more:

Hello,

Can any one please tell me how to validate a checkbox using javascript. Actually, my requirement is: the checkbox is to be checked only when a particular text box has been given a value. Until, the textbox is not filled, this checkbox is not allowed to be checked. Please tell me how can I implement this in my asp.net page.

Thanks in advance

Posted 25-May-10 3:12am

bedathur_ganesh

Add a Solution

Comments

Ankur^\m/ 26-May-10 0:40am

You haven't mentioned if your problem was solved. If an answer, answers your question, accept that answer by selecting "Accept Answer".

3 solutions

Solution 1

Hi,

Call this javascript function onClientClick of TextBox-

C#

function DoTheCheck() {
if(document.myform.box1.checked == false)
{ document.myform.box1.checked = true;
; }

Regards,

Nilesh Shah

Posted 25-May-10 3:18am

neal123

Solution 2

You'd need to break this down into a couple of steps

Your checkbox initial state should be disabled so the user can't simply click on it

http://www.htmlcodetutorial.com/forms/_INPUT_DISABLED.html[^]

You then want to hook into the textbox 'onchange' event a have a function that validates the entry of the text box, making sure it's length > 0 or whatever your requirements are.

If it's OK, then enable the relevant checkbox and set it to checked.

In jQuery, this might read like

C#

$(document).ready(function() {
    //JQuery keyup event
    $("#myTextBox").keyup(function() {
        
        var isValid = $(this).val().length > 0;
        $('#myCheckBoxItem').attr('checked', isValid )
 
    });
});

Posted 25-May-10 3:28am

Dylan Morley

Updated 25-May-10 3:30am

v2

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)

Ankur^\m/ · Accepted Answer · 2010-05-25T03:38:00

Create texbox

XML

<asp:TextBox ID="TextBox1" runat="server" onblur="javascript:validate();"></asp:TextBox>

javascript

JavaScript

function validate()
{
    if(document.getElementById("TextBox1").value == checkValue)
    {
        document.getElementById("CheckBox1").checked = true;
    }
}

where checkValue is the value you want to check.

Hope this helps!