Не работает переключатель для radio

206
03 марта 2018, 19:37

Приветствую, товарищи! Есть вот такая разметка:

<ul class="form__list form__list">
                    <li class="form__checkbox-wrapp">
                        <input type="radio" name="capital" id="capital1">
                        <label for="capital1">up to $25 000</label>
                    </li>
                    <li class="form__checkbox-wrapp">
                        <input type="radio" name="capital" id="capital2" checked>
                        <label for="capital2">up to $100 000</label>
                    </li>
                    <li class="form__checkbox-wrapp">
                        <input type="radio" name="capital" id="capital3">
                        <label for="capital3">up to $500 000</label>
                    </li>
                    <li class="form__checkbox-wrapp">
                        <input type="radio" name="capital" id="capital4">
                        <label for="capital4">over $1 000 000</label>
                    </li>
                    <li class="form__checkbox-wrapp">
                        <input type="radio" name="capital" id="capital5" class="js-checked-capital">
                        <label for="capital5">Другое</label>
                    </li>
                </ul>
                <div class="form__input-wrapp form__input-wrapp--hidden js-show-capital">
                    <input type="text" placeholder="">
                </div>

И вот такой JS:

var inpCheckbox = $('.js-checked-key'),
    showInpOne = $('.js-show-key'),
    inpRadio = $('.js-checked-capital'),
    showInpTwo = $('.js-show-capital');
function checkedInput(check, visible) {
    check.click(function () {
        if (check.is(':checked')) {
            visible.addClass('js-inp-visible');
        } else{
            visible.removeClass('js-inp-visible');
        }
    })
}
checkedInput(inpCheckbox, showInpOne);
checkedInput(inpRadio, showInpTwo);

Так вот, для чекбоксов этот код отрабатывает и скрытый инпут появляется на экране, а для радиобаттона добавляет класс на скрытый инпут, показывает его, но когда я убираю с состояние чекед с последнего радио, то скрытый инпут все равно остается. Подскажите, пожалуйста, в чем дело и как это решить?

READ ALSO
CKEditor 4 fileUploadResponse получить созданную ссылку

CKEditor 4 fileUploadResponse получить созданную ссылку

После отправки файла на сервер в редакторе генерируется ссылка(из данных которые вернулись)Как можно получить доступ к этой ссылке, что бы установить...

193
Символ &ldquo;$&rdquo; в JavaScripty. JQuery. Как расшифровать код?

Символ “$” в JavaScripty. JQuery. Как расшифровать код?

Здравствуйте, помогите понять код, я не изучал нигде js и прочее

212
$(&hellip;).autoсomplete is not a function

$(…).autoсomplete is not a function

Всем привет! Не понимаю в чем проблемаПодключен JS и библиотека автокомплит

227
Использование Php кода в pug

Использование Php кода в pug

Есть кусок кода на pug

228