Как проверить, нажаты ли две кнопки с помощью jQuery, прежде чем выполнять действие

Question

Есть две переключатели с именами id="radio1" и id="radio2" и одна кнопка отправки с id="submitbtnr". После нажатия кнопки с id="radio2" отображается список данных. Затем пользователь может прочитать их и нажать кнопку «Отправить». Теперь работает нормально. Здесь я хочу отправить идентификатор текущей сессии и идентификатор документа в таблицу базы данных, как только пользователь нажмет кнопку id="radio2", а затем кнопку отправки.

Я напишу свой код, чтобы один раз отправить эти данные в таблицу кнопка id="radio2" нажата. Это также отлично работает. Вот мой код в DocumentView. php file

jQuery(':radio').click(function () {
    if (this.id == 'radio2' ) {
            // if ($('#submitbtnr').change(function(){

            // })) {
            //     alert('Button 1 was clicked');
            // }

            // alert('Button 1 was clicked');


            var user_id = '<?=$_SESSION['user_id'] ?>';//session id
            var doc_id = '<?= $this->doc->id?>'; //current ocd id

             $.ajax({


                type: "POST",
                url:site_url + "?p=doc_cont&a=randomClick", //call randomClick function 
                  data:{user_id:user_id, doc_id:doc_id},  // pass data userid and doc id , here it is randomClick function
                success:function(data){  //get the response back
                }
       });

    }
});

Но я хочу отправить эти данные после нажатия кнопки id="radio2", а затем, когда пользователь нажимает кнопку окончательной отправки. Как я могу применить эти два условия к этому коду. Может кто-нибудь помочь мне решить эту проблему, я очень ценю вашу помощь.

Answer 1

Надеюсь, это поможет вам.

$('[id^=div]').on('click', function() {
  console.log($(this).attr('id'));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="div1">
  Click me
</div>
<div id="div2">
  Click me too
</div>
<div id="div3">
  Click me three
</div>