jQuery - проверенная радиокнопка

jQuery не моя сильная сторона :-) я понятия не имею, как добавить в мою функцию новую функцию. Я хочу показать скрытый div в html, когда проверяется значение радио. Теперь скрипт показывает div, когда я нажимаю переключатель:

<script type="text/javascript">
    $(document).ready(function(){
      $('input[type="radio"]').click(function(){
        var inputValue = $(this).attr("value");
        var targetBox = $("." + inputValue);
        $(".box").not(targetBox).hide();
        $(targetBox).show();
      });
    });
</script>

button jquery radio-button checked
person pdnb    schedule 18.05.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Выбрана ли радиокнопка или нет, вы можете проверить это

if( $(".radio").prop("checked") ) {
    /*means that is checked*/
}

См. этот фрагмент кода ниже

    $(document).ready(function(){
      $('input[type="radio"]').click(function(){
        if( $(this).prop("checked") ) {
            var inputValue = $(this).attr("value");
            var targetBox = $("." + inputValue);
            $(".box").not(targetBox).hide();
            $(targetBox).show();
  	    }
      });
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
AA - <input type="radio" name="test" value="aa" /><br>
BB - <input type="radio" name="test" value="bb" /><br>
CC - <input type="radio" name="test" value="cc" /><br>

<div class="box aa" style="display: none">BOX AA</div>
<div class="box bb" style="display: none">BOX BB</div>
<div class="box cc" style="display: none">BOX CC</div>

person Nebojsa Nebojsa    schedule 18.05.2017