IE下关于用js控制disabled和readonly的问题 - JavaScript论坛

编程论坛 → WEB开发 → 『 JavaScript论坛』 → IE下关于用js控制disabled和readonly的问题

标题：IE下关于用js控制disabled和readonly的问题

只看楼主

flybabyff

等　级：新手上路
帖　子：4
专家分：0
注　册：2009-10-14
结帖率：100%

楼主

已结贴√ 问题点数：20 回复次数：9

IE下关于用js控制disabled和readonly的问题

大家好，我是个新手，想请教一个问题：
一个input框默认是disabled 并且是readonly，后面跟一个按钮，点击弹出对话框提示“是否要修改？”，点击确定后这个input框可以正常输入
我的代码是：
<html>
<form enctype="multipart/form-data" action="sign.php" method="post" name="moblie_act_form" id="moblie_act_form" >
<input type="text"  class="input" id="mobile" name="mobile" value="{$mobile}"  readonly="true" disabled="disabled">
<input type="button" value="修改" onClick="modify_phone()">
</form>
</html>
<script language="JavaScript">
function modify_phone(){
    if(confirm("您确定要修改您的手机号码吗？")){
        document.moblie_act_form.mobile.readOnly = false;
        document.moblie_act_form.mobile.disabled = false;
    }
    return true;
}
</script>

可是现在在IE下没有任何反映，想让大家给我看看是哪的问题~~谢谢！

搜索更多相关主题的帖子: readonly　disabled　

2009-10-14 13:10

xlsxm

等　级：论坛游民
威　望：5
帖　子：43
专家分：69
注　册：2008-9-10

第 2 楼

得分:10

复制你的代码，我运行了一下，完全符合你描述的情况。你怎么没有反映？我用的是IE7

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<form enctype="multipart/form-data" action="sign.php" method="post" name="moblie_act_form" id="moblie_act_form" >
<input type="text"  class="input" id="mobile" name="mobile" value="{$mobile}"  readonly="true" disabled="disabled">
<input type="button" value="修改" onClick="modify_phone()">
</form>
</html>
<script language="JavaScript">
function modify_phone(){
    if(confirm("您确定要修改您的手机号码吗？")){
        document.moblie_act_form.mobile.readOnly = false;
        document.moblie_act_form.mobile.disabled = false;
    }
    return true;
}
</script>

2009-10-14 18:11

aspic

等　级：贵宾
威　望：51
帖　子：2258
专家分：8050
注　册：2008-2-18

第 3 楼

得分:10

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. 
<html xmlns="http://www. 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
</head> 
 
<body>   
<form enctype="multipart/form-data" action="sign.php" method="post" name="moblie_act_form" id="moblie_act_form" >    
<input type="text"  class="input" id="mobile" name="mobile" value="{$mobile}"  readonly="true" disabled="disabled">    
<input type="button" value="修改" onClick="modify_phone()">       
</form>    
</html>    
<script language="javascript">    
function modify_phone(){    
    if(confirm("您确定要修改您的手机号码吗？")){    
        document.moblie_act_form.mobile.readOnly = false;    
        document.moblie_act_form.mobile.disabled = false;                    
    }    
    return true;    
}    
</script>  
</body> 
</html>

确实可以

2009-10-15 08:47

xlsxm

等　级：论坛游民
威　望：5
帖　子：43
专家分：69
注　册：2008-9-10

第 4 楼

得分:0

代码没有问题，我估计，有可能是浏览器版本问题。请换个版本试试。

2009-10-15 15:25

flybabyff

等　级：新手上路
帖　子：4
专家分：0
注　册：2009-10-14

第 5 楼

得分:0

这段代码在火狐下也是没有反映的，然后我把
document.moblie_act_form.mobile.readOnly = false;
document.moblie_act_form.mobile.disabled = false;
改成
var mobile = document.getElementById('mobile');
mobile.disabled = '';//或者我改成mobile.disabled = false;
这样也不行。
我用的是IE6，那有没有其他的写法呢？

2009-10-19 10:19

aspic

等　级：贵宾
威　望：51
帖　子：2258
专家分：8050
注　册：2008-2-18

第 6 楼

得分:0

我看在ie6和ff下都ok的

2009-10-19 11:18

flybabyff

等　级：新手上路
帖　子：4
专家分：0
注　册：2009-10-14

第 7 楼

得分:0

找到原因了，我之前是由一个hidden值的name='mobile';和这个<input type="text" class="input" id="mobile" name="mobile" value="{$mobile}" readonly="true" disabled="disabled"> 重名了
把下面这个改了一下名字就好了！！
又学会了！

2009-10-19 14:29

aspic

等　级：贵宾
威　望：51
帖　子：2258
专家分：8050
注　册：2008-2-18

第 8 楼

得分:0

设置id就ok了~ id千万不要搞重复了 name重复倒没有什么大影响但也跟取对象的方法有关

2009-10-19 14:47

xlsxm

等　级：论坛游民
威　望：5
帖　子：43
专家分：69
注　册：2008-9-10

第 9 楼

得分:0

呵，下次如果某段代码没有反应，扔掉无关的，直接测试发生错误的部分。。。