2009-04-01 9 views
7

「開始日」テキストボックスと「終了日」テキストボックスを持つ単純なフォームをクリーンアップしています。これらのフィールドの間にチェックボックスを追加して、終了日が開始日と同じであることを確認できるようにします。チェックすると、開始日入力値(04/01/09など)が自動的に表示されます終了日のテキストボックスに入力して、同じ日付を2回入力する必要はありません。それは理にかなっていますか?jQueryを使用してチェックボックスを使用してテキストボックスの入力を別のテキストボックスにコピーするにはどうすればよいですか?

私はセクシーなjqueryのdatepicker UIを使用していますが、それは甘いですが、私は上記の問題を理解できません。

私は単純な解決法(イベントハンドラ?)があると知っていますが、私は困惑しています。

答えて

12

は、このコードを試してみてください。

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

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

は、独自のフィールドIDに」idを交換してください。

+0

ありがとうございます!あなたたちは速いです! – Jesse

+0

Np :)もしあなたが望むなら、アップヴォートすることもできます –

+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> 
関連する問題