Apply multiple condition in using jquery selector

Question

I want to apply click event in this div

<input class="form_button_submit" type="submit" name="submit" value="Submit Request">

It should satisfy both this condition means should be of class .form_button_submit and input[value='Submit Request']

I want to do something like this :

$(".form_button_submit && input[value='Submit Request']").click(function() {
    alert("Nothing")
});

NEVER call anything in a form "submit" if you plan to submit the form using script (and if not, still not a good idea) — mplungjan, Jul 03 '20 at 05:02

score 0 · Answer 1 · answered Jul 03 '20 at 04:39

You can do this like:

$("input.form_button_submit[value='Submit Request']")

Demo:

You can see in the below demo only first button works, as it satisfies both this condition means should be of class .form_button_submit and input[value='Submit Request']

$("input.form_button_submit[value='Submit Request']").click(function() {
    alert("Nothing")
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="form_button_submit" type="submit" name="submit" value="Submit Request">
<input class="form_button_submit" type="submit" name="submit" value="Submit Request2">
<input class="form_button_submit2" type="submit" name="submit" value="Submit Request">

I strongly recommend NOT to name anything in a form "submit" — mplungjan, Jul 03 '20 at 05:03

score 0 · Answer 2 · answered Jul 03 '20 at 04:48

0

Multiple selectors can be used in JQuery with commas ,

$(".form_button_submit, input[value='Submit Request']").click(function() {
    alert("Nothing")
});

answered Jul 03 '20 at 04:48

Charlie

22,886
11
59
90

Apply multiple condition in using jquery selector

2 Answers2