WEB的CheckBox，能不能做成那种类似于应用程序里常见的灰色的那种？

比如有一个食品大类里面有四个小类，四个小类全选的话，大类全选小类全不选的话，大类也不全但小类部分选的话，大类就做成那种灰的CheckBox有人知道怎么实现么？

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    </HEAD>
    <BODY>大类:<input type="checkbox" id="chkAll" onclick="javascript:CheckAll();">
    <BR>
    小类一:<input type="checkbox" name="chk1" onclick="javascript:CheckOne();">
    小类二:<input type="checkbox" name="chk1" onclick="javascript:CheckOne();" >
    小类三:<input type="checkbox" name="chk1" onclick="javascript:CheckOne();">
    小类四:<input type="checkbox" name="chk1" onclick="javascript:CheckOne();"></BODY>
    </HTML>
    <SCRIPT LANGUAGE=javascript>
    <!--
    function CheckAll()
    {
    var objs = document.getElementsByName("chk1");
    for(var i=0;i<objs.length;i++)
    {
    objs[i].checked = event.srcElement.checked;
    }
    }
    function CheckOne()
    {
    var objs = document.getElementsByName("chk1");
    var bCheckAll = true;
    for(var i=0;i<objs.length;i++)
    {
    if(!objs[i].checked)
    {
    bCheckAll = false;
    break;
    }
    }
     
    document.all.chkAll.disabled = !bCheckAll;
     
    }
    //-->
    </SCRIPT>
      

  2.   

    <input  checked="checked" name="ss" Disabled type="checkbox" value="ss">控件里加个Disabled 属性就行了..
      

  3.   

    Disabled 的话，就不能选了，我想要的是安装程序里的那种，子选项未全选的话，主选项是灰的，但是也可以选的那种，貌似有点难度的吧
      

  4.   

    private void Page_Load(object sender, System.EventArgs e)
    {
    CheckBox1.Enabled=false;
    }