Как чекнуть другую радиокнопку, если определенная уже чекнута

#javascript #html

    
    radio кнопка №2


    
    Еще текст radio кнопки №3


    
    Еще текст radio кнопки №4





как написать условие если радиокнопка с name="option" id="radio2" чекнута, то чекнуть
name="anothername" с id="radio4" тоже
    

Ответы

Ответ 1

/*хватаем элемент по id  вешаем на него обработчик события change*/
document.getElementById('radio2').addEventListener('change', function() {
  /*и тут проверяем, если  данный эл  checked*/
  if (document.getElementById('radio2').checked) {
    /*выполняем действия  присваиваем  radio4 checked = true*/
    document.getElementById('radio4').checked = true;
    /*добавляем атрибут checked по просьбе из комментария*/
    document.getElementById('radio4').setAttribute('checked', 'checked');
  }
})

  
  radio кнопка №2


  
  Еще текст radio кнопки №3


  
  Еще текст radio кнопки №4



Ответ 2

В jquery есть метод is. С его помощью определяем check or uncheck кнопки.
А после этого методом prop изменяем check другого radio кнопки.




$(document).ready(function(){
  $('#radio2').change(function(event){
    if($(this).is(':checked')){
      $( "#radio4" ).prop( "checked", true );
      
      //После того как мы сделали `check` Второй радио кнопки давайте сделаем лог.
      console.log($( "#radio4" ).is(':checked'));
    }
  });
});


    
    radio кнопка №2


    
    Еще текст radio кнопки №3


    
    Еще текст radio кнопки №4