使用JavaScript代碼實現各種資料控制項的反選功能，不要只做拖控制項的菜鳥

在我們做許多項目的時候，會用到反選這個功能，但是我一般使用C#代碼建立數組遍曆實現功能，今天我想換一種語言實現一下，於是我就用JavaScript研究了一下怎麼實現這個功能，原來也很簡單和用C#語言來實現這個差不多吧，只不過使喚了兩種語言哦，而且這樣寫代碼對系統的效能也比較好。：為反選所實現的功能。

下面將實現反選的兩部分代碼寫一下哦。控制項使用的是GridView控制項

<asp:TemplateField HeaderText="&lt;input type='checkbox' id='cbAll' name='cbAll' onclick='selAll(this.checked);' /&gt;反選">

    <ItemTemplate>

    <input type="checkbox" id="cbName" name="cbName" value='<%# DataBinder.Eval(Container.DataItem, "ProductID")%>' />

     </ItemTemplate>

</asp:TemplateField>

然後寫JavaScript代碼來實現這個功能：

<script type="text/javascript">

        function selAll(boolValue)

        {

            var obj=document.getElementsByName("cbName");

            var cbNameLen=obj.length;

            if(cbNameLen>1)

            {

                for(var i=0;i<cbNameLen;i++)

                {

                    if(obj[i].checked)

                    {

                        obj[i].checked=false;

                    }

                    else

                    {

                        obj[i].checked=true;

                    }

                }

               

            }

            else

            {

                obj.checked = boolValue;

            }

        }

       

        function clickBtnCheck()

        {

            var obj=document.getElementsByName("cbName");

            var cbNameLen=obj.length;

            var Flag=false;

            if(cbNameLen>0)

            {

                for(var i=0;i<cbNameLen;i++)

                {

                    if(obj[i].checked)

                    {

                        Flag=true;

                        break;

                    }

                }

                if(Flag)

                {

                    return true;

                }

                else

                {

                    alert("請先選擇要操作的記錄！ ");

                    return false;

                }

            }

            else

            {

                alert("現在沒有記錄，不能操作！");

                return false;

            }

        }

    </script>