我有2个单选按钮输入
<input type="radio" name="isBooking" value="false" id="isNotBooking" checked/>
<input type="radio" name="isBooking" value="true" id="isBooking" />
<input type="text" id="bookingForm" />
我想是当与ID = isNotBooking的单选按钮被选中，bookingForm将被隐藏，如果与ID = isBooking单选按钮被选中，bookingForm将被显示。
我尝试下面的代码：
$(document).ready(function() {
if ($("#isNotBooking").is(':checked')) {
$("#bookingForm").hide();
}
if ($("#isBooking").is(':checked')) {
$("#bookingForm").show();
}
});
此代码仅在页面完成加载后有效一次（由于我将ID设置为isNotBooking属性“ Checked”，因此该代码处于隐藏状态），此后，无论我检查哪一个，它都不会隐藏或显示，为什么？
除了在页面加载时检查RadioButtons之外，还必须附加.change()RadioButtons的事件，如下所示：-
$('input:radio[name=isBooking]').on('change',function(){
if(this.checked && this.id == "isNotBooking"){
$("#bookingForm").hide();
}
else if(this.checked && this.id == "isBooking"){
$("#bookingForm").show();
}
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句