Как добраться до следующего div от ввода внутри другого div

0

Код ниже, вход не изменяет свойство отображения для div с классом "divToFindWithClass". Где проблема?

<div class="col-sm-4">
        <label class="radio-inline radio-primary">
            <input value="1" type="radio" name="xxxx" class="required styled" onclick="$(this).closest('div').next('.divToFindWithClass').css('display','block');">
            Yes
        </label>
</div>
<div class="col-sm-4 divToFindWithClass" style="display: none">
        <label>Label</label>
        <br />
        <input name="file" type="file" class="styled">
</div>
  • 0
    разместите свой код JQuery здесь ..
  • 0
    Вы можете увидеть это из определения события ввода onclick.
Показать ещё 1 комментарий
Теги:

3 ответа

1

Попробуй это,

    <input value="1" type="radio" name="xxxx" class="required styled" onclick="$(this).parents('div').next('.divToFindWithClass').css('display','block');">
  • 0
    Это работает, спасибо
0

Вы также можете использовать следующий путь => Разделение JavaScript/jQuery из HTML,

<label class="radio-inline radio-primary">
    <input value="1" type="radio" name="xxxx" class="required styled" id="inputRadio" >
    Yes
</label>

<script>
$("#inputRadio").click(function(){
    $(this).closest('div').next('.divToFindWithClass').css('display','block');
});
</script>
0

сделал это с помощью jquery...

внес некоторые изменения в название класса, PLS пройти

<script>
            $(document).ready(function () {
                $(".requiredstyled").click(function (event) {
           $(this).closest('div').next('.divToFindWithClass').css('display','block');
            });
             });

        </script>


<div class="col-sm-4">
        <label class="radio-inline radio-primary">
            <input value="1" type="radio" name="xxxx" class="requiredstyled" />
             Yes
        </label>
</div>
<div class="divToFindWithClass" style="display: none">
        <label>Label</label>
        <br />
        <input name="file" type="file" class="styled" />
</div>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню