DataGrid里有一个模板列,是ChechBox,
DataGrid外面有全选、反选2个按钮,
如何用js在客户端实现全选、反选的功能呢?

解决方案 »

  1.   

    //全部选中或取消选中
    function CheckAll(IdString,CheckEnable,Sender)
    {
    for(var i=0;i<document.all.length;i++)
    {
    var e = document.all(i);
    if (e.id.indexOf(IdString) != -1)
    {
    if(CheckEnable && !e.disabled)
    e.checked = Sender.checked;
    else if(!CheckEnable)
    e.checked = Sender.checked;
    }
    }
    }
      

  2.   

    function selectAll()
    {
    var len=document.Index.elements.length;
    var i;
    for (i=0;i<len;i++)
    {     
    if (document.Index.elements[i].type=="checkbox")
    {
    document.Index.elements[i].checked=true;
    }
    }
    } function unSelectAll()
    {
    var len=document.Index.elements.length;
    var i;
    for (i=0;i<len;i++){
    if (document.Index.elements[i].type=="checkbox"){
    document.Index.elements[i].checked=false; 
    }             

    }
      

  3.   

    <TR>
    <TD height="30" align="right">
           <INPUT onclick="SelectAll()" type="button" value="全部选择" id="btnSelectAll">
    <INPUT id="btnUnSelectAll" type="button" value="全部取消" onclick="UnSelectAll()">
    </TD>
    </TR><script language="javascript">

    function SelectAll()
    {
    var len=document.Form1.elements.length;
    var i;
    for (i=0;i<len;i++)
    {
    if (document.Form1.elements[i].type=="checkbox")
    {
    document.Form1.elements[i].checked=true;
    }
    }
    }
    function UnSelectAll()
    {
    var len=document.Form1.elements.length;
    var i;
    for (i=0;i<len;i++)
    {
    if (document.Form1.elements[i].type=="checkbox")
    {
    document.Form1.elements[i].checked=false;
    }
    }
    }
    </script>
      

  4.   

    function CheckedAll()
    {
    try
    {
    temp = document.all.ID(10).checked;
        var CheckBoxCount = document.all.ID.length;
    var i;
    if(document.all.Head.checked)
    {
    for(i=0;i<CheckBoxCount;i++)
    {
    document.all.ID(i).checked = true;
    }
    }
    else
    {
    for(i=0;i<CheckBoxCount;i++)
    {
    document.all.ID(i).checked = false;
    }
    }
    }
    catch(e)
    {
    try
    {
    if(document.all.Head.checked)
    {
    document.all.ID.checked = true;
    }
    else
    {
    document.all.ID.checked = false;
    }
    }
    catch(e)
    {
    return false;
    }
    }
    }
      

  5.   

    http://www.bjcan.com/hengxing/readlou.asp?id=687JavaScript实现DataGrid中的CheckBox全选与否  
      

  6.   

    http://community.csdn.net/Expert/topic/4430/4430247.xml?temp=.5751154
    各位也去看看吧,
    相关的问题
      

  7.   

    http://singlepine.cnblogs.com/articles/266538.html
      

  8.   

    JavaScript实现DataGrid中添加CheckBox列(全选与否) :
    http://blog.csdn.net/chengking/archive/2005/10/08/497520.aspx
      

  9.   

    问题太普通了,引来星星无数....
    能否帮忙看看这个问题???
    http://community.csdn.net/Expert/TopicView1.asp?id=4430643