js 判读 复选框checkox选中

本人是新手··刚入行的小菜鸟··希望大侠 别喷··· 要是有写错的地位 请指正···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"; //灰色背景
   }
  }
}

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

时间: 2024-11-08 04:37:27

js 判读 复选框checkox选中的相关文章

JS 设置复选框的选中与取消选中

// 设置选中 function setCheckboxClick(obj) { if(obj == null) { $.messager.alert('警告', "请选择要设置选中的项!",'warning'); } // alert(obj.value); var authorityId = obj.value; $.ajax({ type: 'post', url: 'getAuthorityByAuthorityId.action', data: {"authorit

JQuery、js判断复选框是否选中状态

JQuery: var $isChecked = $("#id").is(":checked"); alert($isChecked); JS: var $id = document.getElementById("id"); alert($id.checked); Notes: JQuery中,is函数里的必须要有冒号,否则不见效: JS中,必须调用checked 即>>> .checked

jquery、js判断复选框是否选中

js: if (document.getElementById("checkboxID").checked) { alert("checkobx is checked");}  jquery: if ($("#checkboxID").prop("checked")) { alert("checkbox is checked"); } 或 if ($("#checkboxID").is(

js获取checkbox复选框获取选中的选项

js获取checkbox复选框获取选中的选项 分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数.js实现: var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field);

html+css+js实现复选框全选与反选

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <title>html+css+js实现复选框全选与反选</title> 5 <meta http-equiv="content-type&qu

jquery特效(6)—判断复选框是否选中进行答题提示

前面有一段时间思想开了小差,跟着师父学习了一段时间才发现差距很大,看来我要奋起直追~\(≧▽≦)/~啦啦啦. 最近公司在做一个项目,需要根据用户选择的选项给出相应的提示,下面来看我写的测试程序的效果: 一.实现的原理: 第一步:判断用户选择哪一项,即哪个复选框被选中 第二步:根据复选框的选中情况给出相应的提示 二.下面来看主体程序: <!DOCTYPE html> <html> <head> <meta charset="utf-8" />

jQuery实现checkbox(复选框)选中、全选反选代码

谁都知道 在html 如果一个复选框被选中 是 checked="checked". 但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked 所以很多朋友判断  if($("#id").attr("checked")=="true") 这个是错误的,其实应该是 if($("#id").attr

【jQuery】复选框的全选、反选,判断哪些复选框被选中

本文与<[JavaScript]复选框的全选.反选,判断哪些复选框被选中>(点击打开链接)为姊妹篇,把里面内容再与jQuery框架中实现一次,同样做到如下的效果: 布局还是同样的布局,只是由于在jQuery框架中,无须再为按钮,指定特定的onclick事件处理函数,直接使用jQuery指定即可: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/stri

js获取复选框值

//js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值 for(var i=0;i<obj.length;i++){ if(obj[i].checked) //取到对象数组后,我们来循环检测它是不是被选中 s+=obj[i].value+','; //如果选中,