checkbox点击触发事件

当点击 checkbox 时，把 needInDate的值填入returndate中，
现要求当再点击checkbox时，把returndate中的值清空。请问该如何实现！<html>
<head><title>test</title></head>
<body>
<%String needInDate="2010-09-28";%>
<form name="form1">
<input type="checkbox"  name="returnOK" value="Returndate" onClick="document.form1.returndate.value='<%=needInDate%>';">
<input  name="needInDate" type="text" value="<%=needInDate%>" size="8" maxlength="15" readonly>
<input  name="returndate" type="text" size="8" maxlength="15" readonly>
</form>
</body>
<html>

解决方案 »

  1.   

    L@_@K
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head><title>test</title></head>
    <body>
    <form name="form1">
    <div id="" class="">
    当点击 checkbox 时，把 needInDate的值填入returndate中，
    现要求当再点击checkbox时，把returndate中的值清空。请问该如何实现！  
    </div>
    <input type="checkbox"  name="returnOK" id="returnOK">
    <input name="needInDate" id="needInDate" type="text" value="2010-09-28" size="10" maxlength="15" readonly>
    <input name="returndate" id="returndate" type="text" size="10" maxlength="15" readonly>
    </form>
    <script type="text/javascript">
    <!--
    document.getElementById("returnOK").onclick = function() {
        var Returndate = "2010-09-28";
        var txt = document.getElementById("returndate")
        if (this.checked)
        {
            txt.value = Returndate;
        }
        else
        {
            txt.value = "";
        }
    };
    //-->
    </script>
    </body>
    <html>
      

  2.   

    可以使用jquery的toggle函数做这个事
      

  3.   

    <%String needInDate="2010-09-28";%>
    <form name="form1">
    <input type="checkbox"  name="returnOK" value="Returndate" onClick="setNeed()">
    <input  id="needInDate" name="needInDate" type="text" value="<%=needInDate%>" size="8" maxlength="15" readonly>
    <input  id="returndate" name="returndate" type="text" size="8" maxlength="15" readonly>
    </form>
    <script type="text/javascript">
    <!--
       function setNeed() {
        var Returndate = <%=needInDate%>;
        var txt = document.getElementById("returndate")
        if (this.checked)
        {
            txt.value = Returndate;
        }
        else
        {
            txt.value = "";
        }
    };
    //-->
    </script>用这个看看
      

  4.   

    <input type="checkbox"  name="returnOK" value="Returndate" onClick="setVal(this)">
    <input  name="needInDate" type="text" value="<%=needInDate%>" size="8" maxlength="15" readonly>
    <input  name="returndate" type="text" size="8" maxlength="15" readonly>
    js:
    function setVal(o) {
       if (o.checked) {
          document.form1.returndate.value='<%=needInDate%>';
       } else {
          document.form1.returndate.value='';
       }
    }
      

  5.   

    <html>
    <head><title>test</title>
    <script language="javascript" src="Script/jquery.js"></script>
    <script language="javascript">
    var str= "2010-9-29";
    $(document).ready(function(){
    $("#returnOK").toggle(function(){
    $("#returndate").val($("#needInDate").val());$("#returnOK").attr("checked");},function(){$("#returndate").val("");$("#returnOK").remove("checked");
    });
    });
    </script>
    </head>
    <body><form name="form1">
    <input type="checkbox"  name="returnOK"  id="returnOK">
    <input  name="needInDate" type="text" id="needInDate" size="8" value="2010-9-29" maxlength="15" readonly>
    <input  name="returndate" type="text" id="returndate" size="8" maxlength="15" readonly>
    </form>
    </body>
    <html>