Jquery/ajax/php load data into textfield after clicking checkbox

Question

How do i load data into textfields after clicking a checkbox & after doing it, i need to disable that textbox, but again as i uncheck it, need to remove that data & make the textbox enable to manually enter data. I tried this code,i'm new to jquery/ajax, can't figure out how to solve this problem.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

 <script>
$(document).ready(function(){
   $('#chk').click(function(){
     if($(this).is(":checked"))
       $("#txtaddress").removeAttr("disabled");
    else
      $("#txtaddress").attr("disabled" , "disabled");
         // here, i don't know how do i assign $row['address'] to txtaddress by
         // using php mysql 
    });
   });
 </script>

      <!-this is my html code-->
      <form>
        <input type="checkbox" id="chk" name="chk">Same as home address?
        <input id="txtaddress" name="txtaddress"  disabled type="text">
       </form>

For starters, .atte should be .attr. Then on the next line do $('#txtaddress").val('<?php echo $row[address];?>'); — Jamie Taylor
– Jamie Taylor, Commented Oct 3, 2013 at 11:27
i need to disable that checkbox, but again as i uncheck it, - how can you click disabled checkbox to make it uncheck again? its NOT possible — Rajesh
– Rajesh, Commented Oct 3, 2013 at 11:28
I think he means disable the text input when the checkbox is checked, at least, I think. — Jamie Taylor
– Jamie Taylor, Commented Oct 3, 2013 at 11:29

Ajith S · Accepted Answer · 2013-10-03 12:11:52Z

1

Try the following,

<script>
$(document).ready(function(){
        $('#chk').click(function(){
            if($(this).is(":checked"))
                 $("#txtaddress").val(""); //reset the textbox
                $("#txtaddress").removeAttr("disabled");

            else {
                $.ajax({
                    type: 'GET',
                    url: destinationUrl, // your url
                    success: function (data) { // your data ie $row['address'] from your php script
                        $("#txtaddress").val(data); //set the value
                        $("#txtaddress").attr("disabled", "disabled"); 
                    }
                });
            }
        });
});
</script>

From your php script you can echo $row['address'], so the data in success function can be put into textbox in ajax

edited Oct 3, 2013 at 12:11

answered Oct 3, 2013 at 11:49

Ajith S

2,9172 gold badges20 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Joke_Sense10 · Accepted Answer · 2013-10-03 11:45:38Z

0

javascript code:

$(document).ready(function(){
 $('#chk').click(function(){
var txt =   $("#txtaddress");
 ($(this).is(":checked")) ? txt.attr("disabled" , true) :  txt.attr("disabled" , false);
 });
});

answered Oct 3, 2013 at 11:45

Joke_Sense10

5,3972 gold badges20 silver badges22 bronze badges

Comments

Nibin · Accepted Answer · 2013-10-03 12:09:59Z

I hope this is what u meant.. Hope this might help... :)

    $('#chk').click(function(){
           if(! $(this).is(":checked")){
               $("#txtaddress").removeAttr("disabled");
                $("#txtaddress").val('');
           }
           else{
               $.ajax( {
                url: "get_row_details",
                type: "POST", //or may be "GET" as you wish
                data: 'username='+name, // Incase u want to send any data
               success: function(data) {
                   $("#txtaddress").val(data); //Here the data will be present in the input field that is obtained from the php file
               }
               });
               $("#txtaddress").attr("disabled" , "disabled");
           }
        });

From the php file echo the desired $row['address'].This value will be obtained at the success of the ajax function

Collectives™ on Stack Overflow

Jquery/ajax/php load data into textfield after clicking checkbox

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related