首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 服务器 > 云计算 >

itemelem.setAttribute("checked""checked")

2013-02-15 
itemelem.setAttribute(checked,checked)!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitiona

itemelem.setAttribute("checked","checked");
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>check.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>
  
  <body>
  您的爱好很广泛!!!
  <br>
<input type="checkbox" name="checkItems" id="checkItems" value="全选/全不选"/>全选/全不选
<br>
        <input type="checkbox" name="items" value="足球" />足球
<input type="checkbox" name="items" value="篮球"/>篮球
<input type="checkbox" name="items" value="游泳"/>游泳
<input type="checkbox" name="items" value="唱歌"/>唱歌
<br>
<input type="button" name="checkall" id="checkall" value="全选" />
<input type="button" name="checkall" id="checkallNo" value="全不选" />
<input type="button" name="checkall" id="check_revsern" value="反选" />
  </body>
  <script language="JavaScript">
  //<input type="button" name="checkall" id="checkall" value="全选" />
    document.getElementById("checkall").onclick=checkall;

//<input type="button" name="checkall" id="checkallNo" value="全不选" />
    document.getElementById("checkallNo").onclick=checkallNo;
//<input type="button" name="checkall" id="check_revsern" value="反选" />
     document.getElementById("check_revsern").onclick=function (){
  /*
* <input type="checkbox" name="items" value="足球" />足球
<input type="checkbox" name="items" value="篮球"/>篮球
<input type="checkbox" name="items" value="游泳"/>游泳
<input type="checkbox" name="items" value="唱歌"/>唱歌
*/
var itemselems=document.getElementsByName("items");

for(var i=0;i<itemselems.length;i++){
var itemele=itemselems[i];
if(itemele.getAttribute("checked")){
//选中
itemele.setAttribute("checked",null);
}else{
itemele.checked="checked";
}
}
 
 }


//<input type="checkbox" name="checkItems" id="checkItems" value="全选/全不选"/>全选/全不选
              
 document.getElementById("checkItems").onclick=function (){
  if(this.getAttribute("checked")){
//全选中
// alert("tfy");
checkall();
}else{
checkallNo;
}
 }
  function checkall(){
  /*
* <input type="checkbox" name="items" value="足球" />足球
<input type="checkbox" name="items" value="篮球"/>篮球
<input type="checkbox" name="items" value="游泳"/>游泳
<input type="checkbox" name="items" value="唱歌"/>唱歌
*/

 var itemelems=document.getElementsByName("items");
 
 for(var j=0;j<itemelems.length;j++){
 
var itemelem=itemelems[j];
itemelem.setAttribute("checked","checked");
// alert("tfy");
 }
 
  }
 

/*
* <input type="checkbox" name="items" value="足球" />足球
<input type="checkbox" name="items" value="篮球"/>篮球
<input type="checkbox" name="items" value="游泳"/>游泳
<input type="checkbox" name="items" value="唱歌"/>唱歌
*/
function checkallNo(){
var itemelems=document.getElementsByName("items");
for(var j=0;j<itemelems.length;j++){
var itemelem=itemelems[j];
itemelem.setAttribute("checked",null);
}

}
  </script>
</html>

热点排行