当前位置: 代码迷 >> JavaScript >> 小弟我的笔记一 -用javascript实现全选框和按钮在没有选项时变灰
  详细解决方案

小弟我的笔记一 -用javascript实现全选框和按钮在没有选项时变灰

热度:112   发布时间:2012-11-03 10:57:43.0
我的笔记一 -------用javascript实现全选框和按钮在没有选项时变灰
<script>
//按钮在没有选项时变灰
function isCheck()

{
var checks = document.getElementsByName("allcheckbox");
for(var i=0; i<checks.length ; i++)
{
    if(checks[i].checked == false)
{  
var mod=document.getElementById("modify");
    var del=document.getElementById("del");
mod.disabled = true;
del.disabled = true;
mod.style.color = "#dad8c9";
del.style.color = "#dad8c9";
}else
{  
    var mod=document.getElementById("modify");
    var del=document.getElementById("del");    
    mod.disabled = false;
del.disabled = false;
mod.style.color = "#000000";
del.style.color = "#000000";
break;
}

}
}
//全选框
function isAllCheck()
{
  
var checks1 = document.getElementById("allcheckbox00");
var checks2 = document.getElementsByName("allcheckbox");
if (checks1.checked)
{

for(var i=0; i<checks2.length ; i++)
{
checks2[i].checked = true;
}
}else{
for(var i=0; i<checks2.length ; i++)
{
checks2[i].checked = false;
}
}
isCheck();
}
</script>
<input type="button" id="modify" style="color:#dad8c9" disabled="true" name="modify" value="修改" >
<input type="button" id="del" style="color:#dad8c9" disabled="true" name="modify" value="删除" >
<input type="checkbox" id="allcheckbox00" name="allcheckbox00"
onclick="isAllCheck();" >

<input type="checkbox"  id="allcheckbox01" name="allcheckbox" onclick="isCheck();">
  相关解决方案