Wie kopiere ich die Eingabe aus einem Textfeld zu einem anderen über checkbox mit Hilfe von jQuery?

Ich bin die Reinigung eine einfache form, die ein Startdatum, textbox und ein Ende Datum-Textfeld. Ich möchte hinzufügen, eine checkbox in zwischen diesen beiden Feldern, die der Benutzer überprüfen kann, ob das End-Datum ist das gleiche wie das Startdatum, also, wenn Sie überprüfen Sie es, das Start-Datum eingegeben Wert (z.B., 04/01/09) wird automatisch angezeigt, in der das Ende-Datum-Textfeld, so dass Sie nicht haben, um geben Sie das gleiche Datum zweimal. Macht das Sinn?

BTW, ich bin mit dem sexy jquery datepicker UI, und es ist süß, aber ich kann einfach nicht herausfinden, das problem von oben.

Ich weiß, es gibt eine einfache Lösung (event-handler?) aber da bin ich überfragt.

InformationsquelleAutor Jesse | 2009-04-01
  1. 12

    Versuchen, diesen code:

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

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

    Ersetzen Sie die 'id' s mit Ihrem eigenen Feld-ids.

    • Danke! Sie Jungs sind schnell!
    • Np 🙂 Sie können auch upvote, wenn Sie wollen
    • Was ist, wenn jemand tabs für die checkbox einen Raum (d.h., prüft es ohne zu klicken)?
    • Guter Punkt, er kann hinzufügen, ein weiterer event mit $("#checkboxId").ändern(copyDate);
    • Sorry für das abholen so spät, aber wie genau würde ich die Möglichkeit zum Umschalten der checkbox, so dass, wenn der Benutzer ändert Ihre Meinung, dass das Enddatum unterscheidet sich vom start-Datum. Eine Art Knebel? Wie würde das funktionieren mit dem obigen code-snippet? Thnx.
    InformationsquelleAutor Click Upvote
  2. 4

    Simplen hack, um Ihr problem zu lösen.

    <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>
    InformationsquelleAutor Tom Schaefer
Schreibe einen Kommentar