jquery - Jquery .prop（）不起作用

Question

我有这个代码...

 function roundtrip() {
   //alert("Round Trip");
   $("#checkoutdate").prop("disabled", false);
   $("#btncheckoutdate").show();
 }
 function onewaytrip() {
   //alert("One Way Trip");
   $("#checkoutdate").prop("disabled", true);
   $("#btncheckoutdate").hide();
 }

n html代码是

<input type="radio" name="trip_type" id="trip_type" onclick = "return onewaytrip()" value="One_way"> One Way Trip
<input type="radio" name="trip_type" id="trip_type" onclick = "return roundtrip()" checked="checked" value="round_trip"> Round Trip

<label name="depaturedate">Departure Date</label> &nbsp; &nbsp; 
<input id="checkindate" class="font11textbox" type="text" readonly="readonly" style="position: relative;" autocomplete="off" maxlength="12" name="checkindate">
<img id="btncheckindate" border="0" name="btncheckindate" alt="select date" src="images/calendar1.gif">
&nbsp; &nbsp; 
<label name="returndate">Return</label>&nbsp; &nbsp; 
<input id="checkoutdate" class="font11textbox" type="text" readonly="readonly" style="position: relative;" autocomplete="off" maxlength="12" name="checkoutdate">
<img id="btncheckoutdate" border="0" name="btncheckoutdate" alt="select date" src="images/calendar1.gif">
</br>

目的是隐藏/显示日历图像 n 以在单击相应的单选按钮时启用/禁用输入框。

但我收到以下错误

Uncaught TypeError: Cannot call method 'prop' of null.

这真的让我很困扰。该代码对于错误非常简单。我在这里需要总和帮助。

Answer 1

如何使用适当的事件处理程序：

<input type="radio" name="trip_type" id="oneway" value="One_way"> One Way Trip
<input type="radio" name="trip_type" id="roundtrip" value="round_trip" checked> Round Trip

js

jQuery(function($) {
    $('[name="trip_type"]').on('change', function() {
        state = this.checked && this.id == 'oneway';

        $("#checkoutdate").prop("disabled", state);
        $("#btncheckoutdate").toggle(state);
    });
});

小提琴