Jquery使用单选按钮隐藏和显示

我有两个单选按钮输入

<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属性，因此它是隐藏的），此后，无论我检查哪一个，它都不会隐藏或显示，为什么？

除了检查页面加载上的单选按钮外，还必须使用单选按钮附加

.change（）

事件，如图所示：-

$('input:radio[name=isBooking]').on('change',function(){
   if(this.checked && this.id == "isNotBooking"){
       $("#bookingForm").hide();
   }
   else if(this.checked && this.id == "isBooking"){
       $("#bookingForm").show();
   }
});

---

除了检查页面加载上的单选按钮外，还必须使用单选按钮附加

.change（）

事件，如图所示：-

$('input:radio[name=isBooking]').on('change',function(){
   if(this.checked && this.id == "isNotBooking"){
       $("#bookingForm").hide();
   }
   else if(this.checked && this.id == "isBooking"){
       $("#bookingForm").show();
   }
});

---

除了检查页面加载上的单选按钮外，还必须使用单选按钮附加

.change（）

事件，如图所示：-

$('input:radio[name=isBooking]').on('change',function(){
   if(this.checked && this.id == "isNotBooking"){
       $("#bookingForm").hide();
   }
   else if(this.checked && this.id == "isBooking"){
       $("#bookingForm").show();
   }
});

---

除了检查页面加载上的单选按钮外，还必须使用单选按钮附加

.change（）

事件，如图所示：-

$('input:radio[name=isBooking]').on('change',function(){
   if(this.checked && this.id == "isNotBooking"){
       $("#bookingForm").hide();
   }
   else if(this.checked && this.id == "isBooking"){
       $("#bookingForm").show();
   }
});

查看演示 jquery HTML

查看演示 jquery HTML

查看演示 jquery HTML

查看演示 jquery HTML

您需要添加click event我不想使用click event，因为如果默认值是带有IsBooking ID的单选按钮，则不会显示它。（因为用户没有点击它，它已经是默认的）您需要添加点击事件我不想使用点击事件，因为如果默认的是带有IsBooking ID的单选按钮，它将不会显示。（因为用户没有点击它，它已经是默认的）您需要添加点击事件我不想使用点击事件，因为如果默认的是带有IsBooking ID的单选按钮，它将不会显示。（因为用户没有点击它，它已经是默认的）您需要添加点击事件我不想使用点击事件，因为如果默认的是带有IsBooking ID的单选按钮，它将不会显示。（由于用户没有单击它，它已经是默认值）