idp blog

Denis Ivanov blog

HTML, javascript/jquery, programming, Unix/Linux, Windows

Добавление класса средствами jquery в блок при нажатии на радио

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">// <![CDATA[
$(document).ready(function(){        
    $("input[type='radio']").click(function(){
        if ($('input:not(:checked)')) {
           $('div.ins').removeClass('active');
        }
        if ($('input').is(':checked')) {
           $(this).parent().addClass('active');
        }
     });
});
// ]]></script>
1
2
<div class="ins active"><input type="radio" name="ins" value="test1" checked />test1</div>
<div class="ins"><input type="radio" name="ins" value="test2" />test2</div>

При клике на один из радио добавляется класс active для div, то есть jquery добавляет его тому div,внутри которого радио, у которого есть checked, а у которого нету — отрезает. Таким образом получаем переключения между вкладками. div.ins — это блок с классом ins.
Вот такое краткое описание. Желаю всем читателям удачи!))

  1. Он самый

    А где демка?) простая вставка кода в html результата не дает

Оставить комментарий

Двери

Яндекс.Метрика