GridView與javascript、checkbox

a.aspx      

     
               
                   
                       
                            " />
                       
                   
                   
                   
               
           
           

                已選擇的項：

           

                要選擇的項：                    nclick="CheckT()" />

          

 
  
    //先獲取到所有的checkbox再說
    var chkList=document.getElementsByName("chk");

   //頁面完全載入後，在window物件上觸發的onload事件，可以在body上分配
    window.onload=function()
    {
         //為所有checkbox新增onclick事件處理，以自動更新“已選擇的項”
         for(var i=0;i         {
            chkList[i].onclick=chkClick;
         }
    };
    //checkbox的onclick事件，用於更新“已選擇的項"
    function chkClick()
    {
        var checkedList="";
        //獲取所有被選中的項
        for(var i=0;i        {
            if(chkList[i].checked)
                checkedList+=chkList[i].value+",";
        }
        //把選中項的列表顯示到“已選擇的項”中，substring在這裡是為了去除最後一個逗號
        document.getElementById("checked").value=checkedList.substring(0,checkedList.length-1);
    };
     //根據在“要選擇的項”中的輸入選中相應的項
     function CheckT()
     {
        var checkingList=document.getElementById("checking").value;
        //沒有輸入就直接返回
        if(checkingList.length==0)
        {return;}
        //獲取所有想要選擇項的ID
        var checkingIds=checkingList.split(",");
        for(var j=0;j        {
            for(var i=0;i            {
                if(checkingIds[i]==chkList[j].value)
                {
                    chkList[j].checked=true;
                    break;
                }
                else
                {
                    chkList[j].checked=false;
                }
            }
        }
     };
   

a.aspx.cs

 //生成DataTable並新增相應的列 
 DataTable dt = new DataTable();
 dt.Columns.Add("ID");          
 dt.Columns.Add("Title");    
 //測試資料填充     
 dt.Rows.Add(1, "1111");
 dt.Rows.Add(2, "2222");
 dt.Rows.Add(3, "3333");
 dt.Rows.Add(4, "4444");
 //將DataTable繫結到GridView    
 GridView1.DataSource = dt;  
 GridView1.DataBind();
------------

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/12639172/viewspace-526508/，如需轉載，請註明出處，否則將追究法律責任。