Удерживать 2 выбранных элемента

Question

Я бы хотел добавить на свой сайт своего рода селектор с кнопкой, как на картинке. У меня уже получилось с одной кнопкой со следующим кодом. Но я хочу, чтобы первый выбор удерживался и нажимал вторую кнопку. Извините за мой английский sh Я не знаю, понимаете ли вы меня, я нашел этот веб-сайт, который на самом деле делает именно то, что я хочу.

Заранее спасибо, если вы можете мне помочь. введите описание изображения здесь

$(function($){

  var $go = 'test1';
  var $notgo = 'test2';

  $('.romain-test-btn').each( function(){

  $(this).click( function(){

    $('.romain-test-retour').fadeIn();

    if (($(this).attr('id') == 1 ) || ($(this).attr('id') == 3 )){

     $('.romain-test-retour').html( $go );

        }else{


           $('.romain-test-retour').html( $notgo );

        }

    $('.romain-test-btn').fadeOut();




  });

  });

 });

Answer 1

Я не мог точно понять, что вы имели в виду. Но я думаю, проблема в том, что ваш запрос выбирает $('.romain-test-retour'). Когда вы выбираете по имени класса, все элементы, для которых выбран этот класс и функция html, применяются ко всем этим элементам. Например, вам необходимо изменить выбор запроса по идентификатору.

.selected {
  color: red;
}

<button class="mybtn" id="btn1">btn1</button>
<button class="mybtn" id="btn2">btn2</button>
<button class="mybtn" id="btn3">btn3</button>
<button class="mybtn" id="btn4">btn4</button>

$(function($){

  $('.mybtn').click( function(){
    if($(this).hasClass('selected') || $('.selected').length <= 1)
      $(this).toggleClass('selected');
  });

 });