Javascript 取消选中后，无法重置取决于复选框的输入字段

我创建了一个复选框及其2个依赖的输入字段，当我选中复选框2个输入字段出现时，我会在其中写入一些内容，但当我选中复选框时，输入字段无法重置该值并向前提交。我想简单，当我取消选中，然后复选框其依赖的输入字段重置其值为默认值。这是我的密码：

<input id="return" type="checkbox" value="" name="return">Return Journey 
<div class="bkt_return_journey" id="altway" style="display: none;">
<input type="text" name="datebr" id="datepickerr" class="booktaxti_input"  /></div>

<script type="text/javascript">
$('#return').live('change', function(){

 if ( $(this).is(':checked') ) {
     $('#altway').show();
 } else {
     $('#altway').hide();
 }
});

</script>

回程
$（'#return'）.live（'change'，function（））{
如果（$（this）.is（':checked'））{
$（'altway'）.show（）；
}否则{
$（'altway'）.hide（）；
}
});

回程
$（文档）.ready（函数（）{
$（'#return'）。在（'click'，function（）上{
如果（$（this）.is（':checked'））{
$（'#datepickerr'）.val（''）；
$（'altway'）.show（）；
}否则{
$（'altway'）.hide（）；
}
});
});

希望它能帮助您完成回程

<input id="return" type="checkbox" value="" name="return">Return Journey 
<div class="bkt_return_journey" id="altway" style="display: none;">
<input type="text" name="datebr" id="datepickerr" class="booktaxti_input"  /></div>

<script type="text/javascript">
$(document).on('click','#return', function(){
    if ( $(this).is(':checked') ) {
        $('#altway').show();   
    } else {
        $('#altway').hide();
    }
});
</script>

$（文档）。在（'单击'，'返回'，函数（）上）{
如果（$（this）.is（':checked'））{
$（'altway'）.show（）；
}否则{
$（'altway'）.hide（）；
}
});

您可以按如下方式更改代码：

$('#return').on('change', function () {
    if ($(this).is(':checked')) {
        $('#datepickerr').val('');
        $('#altway').show();
    } else {
        $('#altway').hide();
    }
});

---

这个工作试试这个。单击文本框显示，取消选中隐藏

$('#return').on('change', function () {
    if ($(this).is(':checked')) {
        $('#datepickerr').val('');
        $('#altway').show();
    } else {
        $('#altway').hide();
    }
});