Hello! 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

     var form = document.querySelector('form'), radio = [].slice.call(form.querySelectorAll('input[name^=smile]')); radio.forEach(function(el) { el.addEventListener('change', function() { if (radio.filter(function(ch) { return ch.checked; }).length === 3) { form.submit(); // или же, если используете, ajax-ом } }, false); }); 
     <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>