oncheck listener for checkbox in javascript

Question

I have code like this at the bottom of my form.

<p>
  <input type="checkbox" id="agreed">
  I agree to keep my Username and Password confidential and uphold 
  the integrity of this pharmacy
</p>
<input type="submit" id="submit" disabled class="formbutton button-primary" value="Go">

I want this a listener in JavaScript to be able to enable the submit button. I know it might be wrong or something but my JavaScript looks sort of like this

function track() {
    if ( document.getElementById("agreed").checked==true ) {
        document.getElementById("submit").removeAttribute("disabled");
    } else {
        document.getElementById("agreed").checked==false
    }
};

How about just call the script when you check the box? See stackoverflow.com/questions/3197702/… — thllbrg
– thllbrg, Commented Jul 29, 2015 at 16:08
The dirty way... <input type="checkbox" id="agreed" onChange="track()"> and your assignment to false needs one =, not 2... document.getElementById("agreed").checked=false — zgr024
– zgr024, Commented Jul 29, 2015 at 16:09
If it works then it isn't wrong, it only might be hard to maintain if you need to do a lot of checks. — Trace
– Trace, Commented Jul 29, 2015 at 16:15

Kerem · Accepted Answer · 2017-09-17 14:55:40Z

61

You can do this for the input:

<input type='checkbox' onchange='handleChange(this);'>Checkbox

And this for enabling the button:

function handleChange(checkbox) {
    if(checkbox.checked == true){
        document.getElementById("submit").removeAttribute("disabled");
    }else{
        document.getElementById("submit").setAttribute("disabled", "disabled");
   }
}

edited Sep 17, 2017 at 14:55

Kerem

11.6k5 gold badges61 silver badges58 bronze badges

answered Jul 29, 2015 at 16:15

Lvkz

98614 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Gottfried Tetteh Over a year ago

hey man, thanks for your answer. This is my first project with coding and all...im trying my hands out on this for a friend. Thanks anyways it did work.

Community · Accepted Answer · 2017-05-23 12:33:42Z

3

Try Below for your requirement using jQuery.

$('#checky').click(function(){
     
    if($(this).attr('checked') == false){
         $('#postme').attr("disabled","disabled");   
    }
    else {
        $('#postme').removeAttr('disabled');
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<input type="checkbox" checked="checked" id="checky"><a href="#">I agree to keep my Username and Password confidential and uphold 
  the integrity of this pharmacy</a>
<br>
<input type="submit" id="postme" value="submit">

Using JavaScript, Please refer This

edited May 23, 2017 at 12:33

CommunityBot

11 silver badge

answered Jul 29, 2015 at 16:19

Janty

1,7142 gold badges15 silver badges29 bronze badges

Collectives™ on Stack Overflow

oncheck listener for checkbox in javascript

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related