Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Удаленная работа для IT-специалистов
<html> <head> <title>dsgsg</title> </head> <body> <form action=""> <p><input name="radiobutton" type="radio" value="1" checked>1</p> <p><input name="radiobutton" type="radio" value="2">2</p> <p><input name="radiobutton" type="radio" value="3">3</p> </form> <div class="container"> <div class="block active" data-id="1">1</div> <div class="block" data-id="2">2</div> <div class="block" data-id="3">3</div> </div> <style> .block { display: none; width: 50px; height: 50px; border: 1px solid red; text-align: center; line-height: 50px; } .block.active { display: block; } </style> <script> $('form').on('click', 'input[type="radio"]', function(e) { $('.block').removeClass('active'); $('.block[data-id="' + e.target.value + '"]').addClass('active'); }) </script> </body> </html>
Простой