Question

下面的代码，输入不会改变div的显示属性，类为＃34; divToFindWithClass＆＃34;。问题出在哪里？

<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>

Answer 1

试试这个，

    <input value="1" type="radio" name="xxxx" class="required styled" onclick="$(this).parents('div').next('.divToFindWithClass').css('display','block');">

Answer 2

使用jquery做到了这一点......

对类名进行了一些修改，请通过

<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>

Answer 3

您还可以使用以下方式=＆gt;从HTML中分离JavaScript / jQuery，

<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>

如何从另一个div内的输入到达下一个div

3 个答案: