选中复选框时清除填充有datatime选取器数据的文本框

clear textbox filled with datatime picker data on selection of check box

本文关键字：选取 数据 文本 datatime 复选框 清除 填充      更新时间：2023-09-26

我有两个文本框，我使用DatetimePicker用值填充它们。我还有一个复选框，当它选中时，两个文本盒将被启用，日期时间选择器将被显示，当不选中时，它们将被清除和禁用，日期计时器选择器将被取消。我的代码如下

<tr bgcolor="#DBE0F3" height="20">
 <td colspan="3" bgcolor="#DBE0F3">
  <span class="style1">
  <input type="checkbox" id="create_date" name="create_date" value="" onclick="javascript:return enableDisable(this.checked,'txtFromDate','txtToDate');" />
  Create Date : 
  </span>
 </td>
</tr>
<tr bgcolor="#EEF3FA" >
 <td  align="right" bgcolor="#EEF3FA" class="td_left" style="color:#006666">
  From Date :
 </td>
 <td width="57%" colspan="2" class="td_right">
  <input type="text" id="txtFromDate" name="txtFromDate" value="" size="20px" onblur="if(this.value != ''){this.value =''}" disabled/>
  <a href="javascript:NewCssCal('txtFromDate','ddMMyy')">
   <img src="../../images/calendar_button.png" width="16" height="16" alt="Pick a date" border="0" />
  </a>    
 </td>
</tr>
<tr bgcolor="#FCFDFE" >
 <td  align="right" bgcolor="#EFEFF8" class="td_left" style="color:#006666">
  To Date :
 </td>
 <td width="57%" colspan="2" bgcolor="#EFEFF8" class="td_right">
  <input type="text" id="txtToDate" name="txtToDate" value="" size="20px" onblur="if(this.value != ''){this.value =''}" disabled/>
   <a href="javascript:NewCssCal('txtToDate','ddMMyy')">
    <img src="../../images/calendar_button.png" width="16" height="16" alt="Pick a date" border="0" />
  </a>
 </td>
</tr>

Javascript：

function enableDisable(bEnable,txtFromDate,txtToDate)
{
   if(bEnable==false){
            document.getElementById(txtFromDate).disabled=!(bEnable);
            document.getElementById(txtToDate).disabled=!(bEnable);
   }else
   {
            document.getElementById(txtFromDate).disabled=!(bEnable);
            document.getElementById(txtToDate).disabled=!(bEnable);
   }
}

我对jQuery一无所知。

我需要一个代码，单击复选框时，字段将被启用，并从选择器中获取日期。当字段被禁用时，日期时间选择器将不活动/显示，只有当复选框被单击时，以及当复选框未选中时，字段将被清除和禁用，日期时间选取器将被停用或隐藏。

//Change Function to
function enableDisable(bEnable, txtFromDate, txtToDate) {
if (bEnable == true) {
    document.getElementById(txtFromDate).setAttribute("disabled","disabled");
    document.getElementById(txtToDate).setAttribute("disabled","disabled");
} else {
    document.getElementById(txtFromDate).removeAttribute("disabled");
    document.getElementById(txtToDate).removeAttribute("disabled");
}
}
相关文章：