js点击修改按钮后要修改的地方出现文本框怎么弄?

JavaScript011

js点击修改按钮后要修改的地方出现文本框怎么弄?,第1张

需要编辑的地方搞成一个div，点击修改按钮时改变div的可编辑状态并改变一下样式使其像文本框，div可编辑属性<div  contentEditable=true></div>

搞个隐藏的文本框，点击修改按钮时，显示出来并把值赋进去

<input  type="text" style="display:none">

或者点击修改按钮时创建一个文本框出来

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。 [1]

为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。

1、使用jQuery的attr()方法设置input的编辑状态

//取消不可编辑使用

$("input").removeAttr("disabled")

//让input变为不可编辑状态

$("input").attr("disabled","disabled")

具体实现如下

$("#checkbox的id").change(function() { //为checkbox添加状态改变事件

    if($(this)..is(':checked')){//判断checkbox是否选中

        //选中状态

        $("#input文本框的id").removeAttr("disabled")

    }else{

        //未选中状态

        $("#input文本框的id").attr("disabled","disabled")

    }

})

1: onfocus=this.blur()

<input type="text" name="input1" value="中国" onfocus=this.blur()>

方法2:readonly

<input type="text" name="input1" value="中国" readonly>

<input type="text" name="input1" value="中国" readonly="true">

方法3: disabled

<input type="text" name="input1" value="中国" disabled>

就是改变文本编辑和不可编辑状态 ，