Код ниже, вход не изменяет свойство отображения для 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>
Попробуй это,
<input value="1" type="radio" name="xxxx" class="required styled" onclick="$(this).parents('div').next('.divToFindWithClass').css('display','block');">
Вы также можете использовать следующий путь => Разделение 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>
сделал это с помощью 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>