Jquery 禁用后无法启用日期选择器字段
我编写了以下代码,用于在单击“单向”复选框时禁用行程中的返回日期字段 问题是,它可以在JSFIDLE上工作,但当输入字段是jQuery DatePicker字段时就不行了,我希望它是jQuery DatePicker字段Jquery 禁用后无法启用日期选择器字段,jquery,Jquery,我编写了以下代码,用于在单击“单向”复选框时禁用行程中的返回日期字段 问题是,它可以在JSFIDLE上工作,但当输入字段是jQuery DatePicker字段时就不行了,我希望它是jQuery DatePicker字段 $('#returndate_true').click(function(){ $('#returndate').removeAttr("disabled"); $('#returnflex').removeAttr("disabled"); }); $('#
$('#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>
$('#returndate_true')。单击(函数(){
$(“#returndate”).removeAttr(“禁用”);
$('returnflex').removeAttr(“禁用”);
});
$('#returndate_false')。单击(函数(){
$('returndate').attr(“disabled”,true);
$('#returnflex').attr(“disabled”,true);
});
单向返回
没有灵活性
+/-一天
+/-2天
+/-三天
同一周
。(把它精简到最基本的部分)
有人有这方面的经验吗
提前感谢,,
Sh.刚刚快速查看了您的代码,它不工作的原因是代码不在
$(文档)中。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();
});
这是最新的。将代码放在此函数中可确保在操作DOM的任何内容之前,DOM已完全加载。对我来说效果很好:检查您使用的数据库的jQuery版本。正如我所说,它在JSFIDLE中运行良好,但当字段是jQuery DatePicker字段时就不行了。(我不知道如何在JSFIDLE中模拟它)。我正在使用jQuery1.9.1。是的,这是我添加的唯一一件事,非常感谢。成功了!