Question

我正在清理一个包含“开始日期”文本框和“结束日期”文本框的简单表单。我想在这些字段之间添加一个复选框，用户可以检查结束日期是否与开始日期相同，因此当他们检查时，开始日期输入值（例如，04/01/09）将自动出现在结束日期文本框中，因此他们不必两次输入相同的日期。这有意义吗？

顺便说一句，我正在使用性感的jquery datepicker UI，它很甜，但我无法弄清楚上面的问题。

我知道有一个简单的解决方案（事件处理程序？）但我很难过。

Answer 1

试试这段代码：

$("#checkboxId").click(copyDate);

function copyDate()
{
   var start=$("#startDate").val();
   if (this.checked==true)
     $("#endDate").val(start);
}

将'id'替换为您自己的字段ID。

Answer 2

简单的黑客来解决你的问题。

<html>
<head>
    <script src="js/jquery.js" ></script>
</head>
<body>
    <form>
        <input type="text" name="startdate" id="startdate" value=""/>
        <input type="text" name="enddate" id="enddate" value=""/>
        <input type="checkbox" name="checker" id="checker" />
    </form>
    <script>
    $(document).ready(function(){
            $("input#checker").bind("click",function(o){
                if($("input#checker:checked").length){
                    $("#enddate").val($("#startdate").val());
                }else{
                    $("#enddate").val("");
                }
            });
        }
    );
    </script>
</body>
</html>

如何使用jQuery通过复选框将输入从一个文本框复制到另一个文本框？

2 个答案: