2009-04-01 68 views
7

Tôi đang xóa một biểu mẫu đơn giản có hộp văn bản Ngày bắt đầu và hộp văn bản Ngày kết thúc. Tôi muốn thêm một hộp kiểm ở giữa các trường này mà người dùng có thể kiểm tra xem ngày kết thúc có giống như ngày bắt đầu hay không, vì vậy khi họ kiểm tra, giá trị đầu vào ngày bắt đầu (ví dụ: 04/01/09) sẽ tự động xuất hiện trong hộp văn bản Ngày kết thúc, vì vậy chúng không phải nhập cùng ngày hai lần. Điều đó có ý nghĩa?Làm cách nào để sao chép dữ liệu nhập từ hộp văn bản này sang hộp văn bản khác qua hộp kiểm bằng jQuery?

BTW, tôi đang sử dụng giao diện người dùng datepicker jquery sexy, và nó ngọt ngào, nhưng tôi không thể tìm ra vấn đề trên.

Tôi biết có một giải pháp đơn giản (trình xử lý sự kiện?) Nhưng tôi bị bối rối.

Trả lời

12

Hãy thử mã này:

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

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

Thay thế 'id với id lĩnh vực của riêng bạn.

+0

Cảm ơn! Các bạn nhanh quá! – Jesse

+0

Np :) Bạn cũng có thể upvote nếu bạn muốn –

+0

Điều gì sẽ xảy ra nếu ai đó đánh dấu vào hộp kiểm và không gian truy cập (tức là, kiểm tra không cần nhấp)? –

4

hack đơn giản để giải quyết vấn đề của bạn.

<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> 
Các vấn đề liên quan