📄 13-12.txt

📁 开发王代码代码

💻 TXT

字号:

<body>
<script type="text/javascript">
  <!--
  function selectAll(){
	//-------------------[01]-------------------------
    //获取表单form元素的引用
    var mailForm = document.getElementById("mailForm");
    //获取选择所有邮件的复选框控件的引用
	var selectAllMails = document.getElementById("selectAllMails");  
	//-------------------[02]-------------------------
    //检查form元素是否有子节点，从而确定邮箱中当前页是否存在邮件
    //如果不存在就退出，否则，执行else
    if(!mailForm.hasChildNodes()){
      return;
    }else{
	//-------------------[03]-------------------------
      //获取form元素所有子节点，然后遍历这些子节点
      var rootNodeList = mailForm.childNodes;
      for (var i=0;i<rootNodeList.length;i++){
        var rootNode = rootNodeList[i];
        //注意这里仅仅获取元素名为input，type属性为checkbox的节点
        //也就是仅仅获取复选框节点
        with(rootNode){
          if (nodeName.toLowerCase() == "input"&&
		      getAttribute("type").toLowerCase()=="checkbox"){
		    checked = selectAllMails.checked;
		    /*注意这里我们没有使用W3C DOM接口，归于除IE之外其它浏览器的BUG
		    var checked = selectAllMails.getAttribute("checked");
		    if(checked=="checked"||checked){
			  setAttribute("checked","checked");
			}else{
			  removeAttribute("checked");
			}
			*/
          }
        }
      }
	}
  }
  -->
</script>
<form name="mailForm" id="mailForm" action="">
  <input type="checkbox" name="selectMail" value="1" />第1封邮件<br />
  <input type="checkbox" name="selectMail" value="2" />第2封邮件<br />
  <input type="checkbox" name="selectMail" value="3" />第3封邮件<br />
</form>
<!--  注意这里，这个复选框控件不在表单内 -->
<!--  当单击这个控件时执行selectAll()函数 -->
<input type="checkbox" id="selectAllMails" 
        onclick="javascript:selectAll();" />全选
</body>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -