jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了单击复选框后,Jquery / ajax / php将数据加载到文本字段中大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
单击复选框后,如何将数据加载到文本字段中?在做完之后,我需要禁用该文本框,但是当我取消选中它时,需要删除该数据&使文本框启用以手动输入数据.我试过这段代码,我是 jquery / ajax的新手,无法弄清楚如何解决这个问题.

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

解决方法

试试以下,

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

从您的PHP脚本中您可以回显$row [‘address’],因此成功函数中的数据可以放入ajax的文本框中

大佬总结

以上是大佬教程为你收集整理的单击复选框后,Jquery / ajax / php将数据加载到文本字段中全部内容,希望文章能够帮你解决单击复选框后,Jquery / ajax / php将数据加载到文本字段中所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。