JSFiddle - React, Tailwind, and code Playground

by Alexandru Mihai

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="gender" type="radio" name="gender" value="male"> Male<br>
  <input class="gender" type="radio" name="gender" value="female"> Female<br>
<br>
<select class="type">
  <option value=""></option>
  <option value="option1">option1</option>
  <option value="option2">option2</option>
  <option value="option3">option3</option>
  <option value="option4">option4</option>
  <option value="option5">option5</option>
</select>
<select class="model">
  <option value=""></option>
  <option value="option1">option1</option>
  <option value="option2">option2</option>
  <option value="option3">option3</option>
  <option value="option4">option4</option>
  <option value="option5">option5</option>
</select>
<select class="acc">
  <option value=""></option>
  <option value="option1">option1</option>
  <option value="option2">option2</option>
  <option value="option3">option3</option>
  <option value="option4">option4</option>
  <option value="option5">option5</option>
</select>
<br>
<input class="query" type="button" value="Query">

CSS

* {
  margin:5px;
}

JavaScript

$('.type , .model , .acc').change(function(){
    if($(".type option[value='option1']").is(':selected') && $(".model option[value='option2']").is(':selected') && $(".acc option[value='option3']").is(':selected')  && $('.gender:checked').val()=="male"){
      $('.query').click();
      alert('123');
    }else{
    
    }
  });