Detect click on an element without class in jQuery

Question

Why this doesn't work actually please?

<script>
$('button[type=submit]').not('.disabled').click(function(event) {
   alert('Button Clicked');
});
</script>

<button type="submit" class="btn btn-primary btn-md">Click me</button>

When I click on this button, it should fire the alert.

I also tried this:

$('button[type=submit]:not(.disabled)').click(function(event) {

Aniket G · Accepted Answer · 2019-03-01 03:26:44Z

1

The snippet below works. The reason it doesn't work is probably because you don't have jQuery included. Add <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> to your code and it should work.

$('button[type=submit]').not('.disabled').click(function(event) {
  alert('Button Clicked');
});

<button type="submit" class="btn btn-primary btn-md">Click me</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

edited Mar 1, 2019 at 3:26

answered Mar 1, 2019 at 2:40

Aniket G

3,5321 gold badge17 silver badges43 bronze badges

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

1 Comment

showdev Over a year ago

Also, it wont work if the jQuery comes before the HTML, unless you wait for the document to be ready: like this. Or move the script below the HTML, like this.

N.Siva · Accepted Answer · 2019-03-01 06:12:16Z

0

You can use onclick() function instead of class.

function btnClick(){
  alert('Button Clicked.');
}

<button type="submit" onclick="btnClick();" class="btn btn-primary btn-md">Click me</button>

answered Mar 1, 2019 at 6:12

N.Siva

866 bronze badges

Collectives™ on Stack Overflow

Detect click on an element without class in jQuery

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