Question

177

Get checkbox status using javascript

rated 0 times [ 179] [ 2] / answers: 1 / hits: 90627 / 13 Years ago, wed, june 1, 2011, 12:00:00

This is my checkbox HTML code

<input id=termsCheckbox name=termsCheckbox type=checkbox value=terms <?PHP echo $terms; ?> class=checkbox>

this is javascript code

var terms = $(#termsCheckbox);



function validateTerms(){

if(termsCheckbox.checked == false){

terms_div.addClass(terms_error);

return false;

}

else{           

terms_div.removeClass(terms_error);

return true;

}

}

I want to check whether checkbox checked or not and if not add a class to terms_div. Please help me to solve this problem. thanks

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

isaacvalentinn

Add To Favorites

Follow

Total Points: 325

Total Questions: 120

Total Answers: 131

Location: North Korea

Member since Tue, Jun 16, 2020

4 Years ago

isaacvalentinn questions

1 BrowserAuthError: interaction_in_progress - Unable to fix, regardles of solutions found

Tue, Aug 10, 21, 00:00, 3 Years ago

1 How to transform a Luxon DateTme object to a date

Mon, Jan 18, 21, 00:00, 3 Years ago

1 __dirname is not defined

Mon, Nov 23, 20, 00:00, 4 Years ago

1 How to get status code in angular observable

Wed, Sep 23, 20, 00:00, 4 Years ago

1 running node with loader ts-node/esm.js requires imports to have the .js extension

Wed, Sep 9, 20, 00:00, 4 Years ago

View All

answered 13 Years ago kennedi · Accepted Answer

You need to access the className variable (pure JS) the following assumes your div has an ID of terms_div, that terms_error is the only class you might want on the div, and that you setup your checkbox with onClick=validateTerms();

function validateTerms(){

  var c=document.getElementById('termsCheckbox');

  var d=document.getElementById('terms_div');

  if (c.checked) {

    d.className='';

    return true;

  } else { 

    d.className='terms_error';

    return false;

  }

}