2009-04-01 7 views
7

시작 날짜 텍스트 상자와 종료 날짜 텍스트 상자가있는 간단한 양식을 정리하고 있습니다. 종료 날짜가 시작 날짜와 같은지 사용자가 확인할 수있는이 필드 사이에 체크 박스를 추가하여 확인시 Start Date 입력 값 (예 : 04/01/09)이 자동으로 나타납니다. 끝 날짜 텍스트 상자에 같은 날짜를 두 번 입력하지 않아도됩니다. 말이 돼?jQuery를 사용하여 입력란을 다른 입력란으로 복사하는 방법은 무엇입니까?

나는 세세한 jquery datepicker UI를 사용하고 있습니다.하지만 달콤한 것 같습니다. 위의 문제를 파악할 수 없습니다.

간단한 해결책 (이벤트 처리기가 있습니까?)이 있습니다 만 나는 혼란 스럽습니다.

답변

12

이 코드를보십시오 :

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

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

자신 필드 식별자와 '아이디의를 교체합니다.

+0

감사! 너희들은 빠르다! – Jesse

+0

Np :) 원하는 경우 upvote도 할 수 있습니다 –

+0

누군가가 체크 박스로 이동하여 스페이스를 친다면 (즉, 클릭하지 않고 체크 한 경우) 어떻게 될까요? –

4

간단한 해킹으로 문제를 해결할 수 있습니다.

<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> 
관련 문제