博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js 判读 复选框checkox选中
阅读量:6919 次
发布时间:2019-06-27

本文共 926 字,大约阅读时间需要 3 分钟。

本人是新手··刚入行的小菜鸟··希望大侠 别喷··· 要是有写错的地位 请指正···3Q

项目技术人的要求的  密码不是能随便修改,要修改给个选择按钮··,于是我就写成 checkbox   密码是MD5 密码框的如下:

<asp:TextBox ID="tbPassWord" ReadOnly="True" BackColor="#EBEBE4" runat="server" ></asp:TextBox>

<input type="checkbox" id="check"  />修改密码

文本框是webform 服务端控件  , 我的思路是 文本框变成了 只读属性  ReadOnly="True"   ,用户要修改密码 必须先选择 复选框 才可以修改··

所以先要 判断 复选框选中了没 ,如果选中了 让文本框背景变成白色,并获得焦点,去除只读属性,如果没有选中文本框 为本框属性样式不变

 

window.onload = function () {

  document.getElementById("check").onclick = function () {

  //获取密码文本框 

  var obj = document.getElementById("tbPassWord");
  if (document.getElementById("check").checked) {//判读checkbox 有没有选中
    obj.removeAttribute("readOnly");  // 移除密码框的只读属性
    obj.style.backgroundColor = "white";
    obj.focus(); // 获得焦点

   } else {

    obj.setAttribute("readOnly", "true"); //变成只读
    obj.style.backgroundColor = "#EBEBE4"; //灰色背景
   }
  }
}

上面就是小弟实现的思路,当然还有很多足···  

 

转载于:https://www.cnblogs.com/liujzcom/p/4796976.html

你可能感兴趣的文章
九、Linux系统安装和常见故障排除
查看>>
linux+nginx+mysql+php高性能服务器搭建
查看>>
awk内置变量2-2
查看>>
我的友情链接
查看>>
MFC中的DC、CDC、HDC、句柄、设备上下文的不同意思,适合初学者参考
查看>>
mysql复制
查看>>
Spring中配置事务的几种方式
查看>>
php 新漏洞
查看>>
asp.net5 的应用启动
查看>>
HTMLDocument和XMLDocument 的children
查看>>
线性判别分析(LDA)算法总结
查看>>
LINUX/CENTOS 修改mysql的root用户密码
查看>>
linux/centos 搭建本地yum服务器
查看>>
RH436 UNIT 1 CLUSTERS AND STORAGE
查看>>
CentOS 6.5 启动级别
查看>>
SQLite中的SELECT子句使用表达式
查看>>
Android动画曲线库AndroidEasingFunctions
查看>>
判断回文数、回文字符串(从左边读和从右边读一样)
查看>>
Java的SimpleDateFormat类
查看>>
Oracle系列:(33)JDBC访问Oracle的存储过程和存储函数
查看>>