Validating checkboxes with Javascript

Question

I'd like to amend my script so if ANY of the 2 checkboxes are selected, it says 'Woo hoo!'. Where am I going wrong?

HTML:

0:<input type="checkbox" name="remove_0" id="remove_0">
<br>
1:<input type="checkbox" name="remove_1" id="remove_1">
<br><br>
<button id="submitTCP">
Hit me!
</button>

Javascript:

$("#submitTCP").click(function(event){

  event.preventDefault();

  if ($('input:checkbox', this).is(':checked')) {
    alert('Woo hoo!');
  } else {
      alert('Please select something!');
      return false;
  }

})

JSFiddle:

https://jsfiddle.net/6qh0c8fm/

Udochukwu Enwerem · Accepted Answer · 2019-11-17 06:56:26Z

3

your this is parent submit button not checkbox

$("#submitTCP").click(function(event){

    event.preventDefault();

    if ($('input:checkbox').is(':checked')) {
        alert('checkboxes checked');
    } else {
        alert('Please select something!');
        return false;
    }

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
0:<input type="checkbox" name="remove_0" id="remove_0">
<br>
1:<input type="checkbox" name="remove_1" id="remove_1">
<br><br>
<button id="submitTCP">
    Hit me!
</button>

edited Nov 17, 2019 at 6:56

Udochukwu Enwerem

2,8932 gold badges28 silver badges37 bronze badges

answered Nov 17, 2019 at 6:38

jvk

2,1893 gold badges22 silver badges28 bronze badges

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

1 Comment

michaelmcgurk Over a year ago

D'oh. Thank you so much, Krishna :-)

Ahmed Ali · Accepted Answer · 2019-11-17 06:36:45Z

1

There is no peramanent function to check either checkbox is checked but it can be done using click and getting it's checked property.

 $('#cb').click(function () {
        if (this.checked == true) {
            console.log('checked');
        }
        else {
            console.log('un-checked');
        }
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" id="cb"/>

answered Nov 17, 2019 at 6:36

Ahmed Ali

1,96116 silver badges32 bronze badges

Collectives™ on Stack Overflow

Validating checkboxes with Javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related