复选框取决于输入字段不能复位后取消选中

我创建一个复选框及其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>

来源

2014-10-17 kamran

<html> 
<head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
</head> 

<body> 
    <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).ready(function(){ 
     $('#return').on('click', function(){ 

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


    </script> 
</body>

希望它可以帮助你

来源

2014-10-17 08:57:56

真的感谢它解决我的问题 – kamran 2014-10-20 04:25:49

没问题希望能帮助别人 – 2014-10-27 07:29:19

<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>

来源

2014-10-17 09:30:07 Affan

这项工作尝试这一点。点击文本框显示并取消隐藏 – Affan 2014-10-17 09:33:11

你可以改变你的代码如下：

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

来源

2014-10-17 10:20:44 renjith

复选框取决于输入字段不能复位后取消选中

回答

相关问题