ansaurus

Question

How do I copy input from one textbox to another via checkbox using jQuery?

Answer 1

+4 A:

Try this code:

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

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

Replace the 'id's with your own field ids.

Click Upvote 2009-04-01 16:44:35

Thanks! You guys are fast!

Jesse 2009-04-01 16:55:08

Np :) You can also upvote if you want

Click Upvote 2009-04-01 17:29:55

What if someone tabs to the checkbox and hits space (i.e., checks it without clicking)?

Horace Loeb 2009-04-01 17:58:04

Good point, he can add another event using $("#checkboxId").change(copyDate);

Click Upvote 2009-04-02 05:27:04

Sorry to pick this up so late, but how exactly would I be able to toggle the checkbox, so that if the user changes their mind that the end date is different from the start date. Some sort of toggle? How would that work with the above code snippet? Thnx.

Jesse 2009-05-15 16:19:21

Answer 2

+2 A:

Simple hack to solve your problem.

<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>

Tom Schaefer 2009-04-01 16:56:53

Answer 3

A:

Hi Ill try this code to copy my test box but doesn't work. Bellow is my code.. Can anyone help me please.

function copyInfo() {

    var address1=$("#txtAddress").val();
    var address2=$("#txtAddress2").val();
    var postcode=$("#txtPostcode").val();
    var city=$("#txtCity").val();
    var state=$("#ddlCompState").val();
    var country=$("#ddlCompCountry").val();

    if (this.checked == true)
        $("#txtCompAddrs1").val(address1);
        $("#txtCompAddrs2").val(address2);
        $("#txtCompPostcode").val(postcode);
        $("#txtCompCity").val(city);
        $("#ddlCompState").val(state);
        $("#ddlCompCountry").val(country);    
}

Thanks

Diana 2010-06-10 04:09:49

ansaurus

tags:

views:

answers:

How do I copy input from one textbox to another via checkbox using jQuery?

related questions