禁用後無法啓用日期選擇器字段

如果單擊「單向」複選框，我已經編寫了以下代碼以禁用行程中的返回日期字段。禁用後無法啓用日期選擇器字段

問題是，它適用於jsFiddle，但不是當輸入字段是jQuery DatePicker字段時，我希望它是。

$('#returndate_true').click(function(){ 
    $('#returndate').removeAttr("disabled"); 
    $('#returnflex').removeAttr("disabled"); 
}); 

$('#returndate_false').click(function(){ 
    $('#returndate').attr("disabled",true); 
    $('#returnflex').attr("disabled",true); 
}); 

<span><input type="radio" value="true" name="traveltype" id="returndate_true"><label for="returndate_true" class="collection_radio_buttons">Return-trip</label></span><span><input type="radio" value="false" name="traveltype" id="returndate_false"><label for="returndate_false" class="collection_radio_buttons">One-way</label></span> 
       <input class="cdate" name="date_return" size="13" id="returndate" disabled="disabled" /> 
       <select id="returnflex" name="return_flex" disabled="disabled"> 
        <option value="no flex">No Flexibility</option> 
        <option value="plusmin 1day">+/- 1 day</option> 
        <option value="plusmin 2days">+/- 2 days</option> 
        <option value="plusmin 3days">+/- 3 days</option> 
        <option value="same week">Same Week</option> 
       </select></font></b>

Check out the demo here。（將其精簡到基本要素）。

有沒有人有這方面的經驗？

在此先感謝， Sh。

來源

2013-04-29 S Weinberger

適合我使用：http://jsfiddle.net/wK6Y4/1/ – billyonecan 2013-04-29 10:26:32

檢查您使用的jQuery版本 – PSR 2013-04-29 10:27:47

謝謝。正如我所說的，它在jsFiddle中可以正常工作，但當字段是jQuery DatePicker字段時不會。（我不知道如何在jsFiddle中模擬這個）。 – 2013-04-29 10:31:01

剛剛有了一個快速瀏覽一下你的代碼，它不工作的原因是因爲該代碼不是$(document).ready()函數中：

$(document).ready(function() { 

    $('#returndate_true').click(function(){ 
     $('#returndate').removeAttr("disabled"); 
     $('#returnflex').removeAttr("disabled"); 
    }); 

    $('#returndate_false').click(function(){ 
     $('#returndate').attr("disabled",true); 
     $('#returnflex').attr("disabled",true); 
    }); 

    $('#returndate').datepicker(); 

});

這是first thing you learn about jQuery。將代碼放入此函數內部可確保DOM在處理其任何內容之前完全加載。

來源

2013-04-29 21:04:01 billyonecan

非常感謝。這做到了！ – 2013-04-30 10:10:40

禁用後無法啓用日期選擇器字段

回答

相關問題