У меня есть существующий код jquery, где он скрывает divs, если выбран переключатель. Однако, когда страница загружается. Если этот переключатель уже установлен, я хочу иметь возможность скрывать divs, не щелкая ничего.Как скрыть divs, когда переключатель установлен на загрузке страницы?
<script>
$('input[name=resident]').click(function() {
if (this.id == "residentNo") {
$(".d").hide('slow');
$('.d').find('#precinctNum').val('');
$('.d').find('#yearStartedLiving').val('');
} else {
$(".d").show('slow');
$('.d').find('#precinctNum').val('');
$('.d').find('#yearStartedLiving').val('');
}
});
</script>
HTML форма:
<label class="radio-inline"><input type="radio" class = "res" id = "residentYes" name="resident" value="Yes" checked> Yes</label>
<label class="radio-inline"><input type="radio" class = "res" id = "residentNo" name="resident" value="No" > No</label>
<div class="d item form-group" >
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Precinct Number <span class="required">*</span>
</label>
<div class="col-md-6 col-sm-6 col-xs-12">
<input id="precinctNum" class="form-control col-md-5 col-xs-12" name="precinctNum" data-validate-length-range="7" required="required" type="number">
</div>
</div>
<div class="d item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Start of Residency (Year) <span class="required">*</span>
</label>
<div class="col-md-6 col-sm-6 col-xs-12">
<input type="text" id="yearStartedLiving" name="yearStartedLiving" class="form-control col-md-5 col-xs-12" required="required" data-inputmask="'mask': '9999'">
</div>
</div>
Я пытался в течение нескольких часов, и это не похоже на работу. Ваша помощь будет очень признательна! Спасибо!
ЭТО РАБОТАЕТ ДЛЯ МЕНЯ !! СПАСИБО БОЛЬШОЕ!! Наконец, моя проблема была решена благодаря вам! Мои товарищи по команде говорят спасибо. –
@WandaMaximoff подумайте о принятии в качестве ответа – brk
сделано. Спасибо!!! –