There is a form with 9 radiobutton but without a submit button. They are divided into 3 groups of 3 pieces. You need to submit the form when 1 radiobutton is selected in each group. When all 3 are selected, you need to instantly send the form. Click on the idea or maybe someone knows some example.

<form action="#"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> <span class="test__h">Оцените </span> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pull-right smile__box text-right"> <input type="radio" class="radio-btn" name="smile"> <input type="radio" class="radio-btn" name="smile"> <input type="radio" class="radio-btn" name="smile"> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> <span class="test__h">уровень</span> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 smile__box pull-right text-right"> <input type="radio" class="radio-btn" name="smile2"> <input type="radio" class="radio-btn" name="smile2"> <input type="radio" class="radio-btn" name="smile2"> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> <span class="test__h">степень</span> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 smile__box pull-right text-right"> <input type="radio" class="radio-btn" name="smile3"> <input type="radio" class="radio-btn" name="smile3"> <input type="radio" class="radio-btn" name="smile3"> </div> </div> </form>

    1 answer 1

     $('.radio-btn').change(function() { if ($('.radio-btn:checked').length == 3) { $('#x').text("Спасибо!") } }) 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form action="#"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> <span class="test__h">Оцените </span> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 pull-right smile__box text-right"> <input type="radio" class="radio-btn" name="smile"> <input type="radio" class="radio-btn" name="smile"> <input type="radio" class="radio-btn" name="smile"> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> <span class="test__h">уровень</span> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 smile__box pull-right text-right"> <input type="radio" class="radio-btn" name="smile2"> <input type="radio" class="radio-btn" name="smile2"> <input type="radio" class="radio-btn" name="smile2"> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> <span class="test__h">степень</span> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 smile__box pull-right text-right"> <input type="radio" class="radio-btn" name="smile3"> <input type="radio" class="radio-btn" name="smile3"> <input type="radio" class="radio-btn" name="smile3"> </div> </div> </form> <br> <span id="x"></span>