Copy Tex tbox value from one to another by Clicking Checkbox

Question

1.00/5 (1 vote)

See more:

Hi i am using two text box when i enter the value in the one text box and after i pressing the check box the text box value need to copy into other text box how it is possible in Java script

Can u help?

Posted 3-Oct-13 18:34pm

vivekpazhani

Updated 2-Feb-20 23:58pm

Add a Solution

5 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Naresh1277 · Answer 1 · 2013-10-03T18:48:00

JavaScript

function populateText()
{
 if(document.getElementById('chechboxid').checked)
 {
  var str=document.getElementById('textbox1id).value;// textbox in which you enter data
  document.getElementById('textbox2id).Value= str;
}
}


call the javascrip function as attribute to checkbox in pageload method of your .aspx page

 pageload()
 {

 checkboxid.attributes.add("onclick","populateText();");
}

Harshil_Raval · Answer 2 · 2013-10-03T18:51:00

Hi,
You can do like this in javascript,

XML

<asp:TextBox ID="txt1" runat="server"></asp:TextBox>
<asp:TextBox ID="txt2" runat="server"></asp:TextBox>
<asp:CheckBox ID="chk" runat="server" Text="Copy" onclick="copyvalue()"/>
<script type="text/javascript">
function copyvalue() {
    var txt1 = document.getElementById("<%= txt1.ClientID %>").value;
    document.getElementById("<%= txt2.ClientID %>").value = txt1;
}
</script>

OR
with jquery

XML

<asp:TextBox ID="txt1" runat="server"></asp:TextBox>
    <asp:TextBox ID="txt2" runat="server"></asp:TextBox>
    <asp:CheckBox ID="chk" runat="server" Text="Copy"/>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
     $("#<%= chk.ClientID %>").change(function () { 
        var txt1 = $("#<%= txt1.ClientID %>").val();
        $("#<%= txt2.ClientID %>").val(txt1);
     });
</script>

Hope it helps you.
Thanks.

PoojaGahlaut · Answer 3 · 2013-10-03T18:56:00

Hi,

Lets assume that u have created two text-boxes and a check-box in ASP.net as given below:

XML

<asp:TextBox ID="textBox1" runat="server"></asp:TextBox>
<asp:TextBox ID="textBox2" runat="server"></asp:TextBox>
<asp:CheckBox ID="checkbox1" runat="server" onclick="copyValue(this)" />

You can write a javascript function to copy value from one textbox into the other textbox, and call the same function on “onclick” event of the checkbox. Same function can be used to clear the textbox on unchecking the checkbox. Code is given below.

XML

<script type="text/javascript">
    function copyValue(Chk) {
        if (Chk.checked) {
            var textVal = document.getElementById('<%=textBox1.ClientID%>').value;
            document.getElementById('<%=textBox2.ClientID%>').value = textVal;
        }
        else {
            document.getElementById('<%=textBox2.ClientID%>').value = "";
        }
    }
</script>

Hope this will help.

Sai S Reddy · Answer 4 · 2013-10-03T19:06:00

Hi Vivek,

Please refer to the code below.it copies txtbx value to txtbx2 if checkbox is checked.

XML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function chkchange() {
            var txtbx = document.getElementById('<%=txtbx.ClientID%>');
            var txtbx2 = document.getElementById('<%=txtbx2.ClientID%>');
            if (document.getElementById('<%=chk1.ClientID%>').checked) {
                txtbx2.value = txtbx.value;
            }
            else {
                txtbx2.value = '';
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Label ID="label" AssociatedControlID="txtbx" Text="Text Box 1:" runat="server" />
            <asp:TextBox ID="txtbx" runat="server"></asp:TextBox>
            <asp:Label ID="label1" AssociatedControlID="txtbx2" Text="Text Box 2:" runat="server" />
            <asp:TextBox ID="txtbx2" runat="server"></asp:TextBox>
            <asp:CheckBox ID="chk1" runat="server" Checked="false" onclick="chkchange()" />
        </div>
    </form>
</body>
</html>

Gitanjali Singh · Answer 5 · 2013-10-03T20:09:00

ASP.NET

<asp:CheckBox ID="CheckBox1" runat="server"
       oncheckedchanged="CheckBox1_CheckedChanged"  AutoPostBack="true"/>
     <asp:TextBox ID="txtshow" runat="server"></asp:TextBox>
   <asp:TextBox ID="txtvalue" runat="server"></asp:TextBox>

C#

protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
       {
           if (CheckBox1.Checked == true)
           {
               txtvalue.Text = txtshow.Text;
           }
       }

try this.

Copy Tex tbox value from one to another by Clicking Checkbox

5 solutions

Solution 1

Solution 2

Solution 3

Solution 4

Solution 5

Add your solution here

Preview 0