Изменение класса div по клику на radio кнопку

#javascript #html #css

Как убрать черный квадрат по клику на радио кнопку через display:none? 

Подскажите пожалуйста.



.block {
color: #fff;
background: #000;
height: 100px;
width: 100px;
}






    

Ответы

Ответ 1

Или так через jQuery:



$('#myid').on('change', function() { $('.block').hide(); });
.block {
color: #fff;
background: #000;
height: 100px;
width: 100px;
}






Ответ 2

Можно и на css это реализовать, только эти элементы должны иметь одного родителя



.block {
  color: #fff;
  background: #000;
  height: 100px;
  width: 100px;
}

.block {
  margin-top: 5px;
  color: white;
}

#myid:checked~.block {
  display: none;
}

  
  

    block-1
  


  

    block-2
  



Ответ 3




или

.block-hide {
  display:none;
}