我有一个现有的jQuery代码,如果单选按钮被选中,它将隐藏div。但是,当页面加载..如果这个单选按钮已被选中,我希望能够隐藏div而不点击任何内容。如何在页面加载时检查单选按钮时隐藏div?
<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
完成。谢谢!!! –