js 控制打开对话框文本框不可编辑

JavaScript022

js 控制打开对话框文本框不可编辑,第1张

文本框不可以编辑可以用两个属性来控制:

readonly,只读属性,文本可以选择、复制,但是不可以改变文本值

disabled,不可选择、复制、改变文本值。

  js控制打开对话框的时候,同时改变对话框中的文本框的属性即可。

jq方法

$("input[type=text]").prop('readonly','readonly')

或者

$("input[type=text]").prop('disabled','disabled')

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

    }

})

提示js css 是一个远程文件,无法进行编辑!

能看到代码,但是不能编辑,好像断网了就无法进行连接。

-------------------------------

用DW打开,能看到这些文件,这个就说明你没有下载js,css等,连网,可以打开的话,那么,你把这些代码复制一下,保存到与找开的页面同目录下即可,文件名,就是你代码里的css,js里的引用文件名,然后把这个html页面里的JS,CSS引用地址,改为你现在的地址就Ok