检查是否在网格行中最多选中一个复选框? [英] check whether maximum one check box should be checked in a grid rows?

问题描述

朋友们，

我正在使用VS 2005，.net框架2，asp.net，c#.net
我有一个gridview，其中的template列中包含一个复选框.
我想检查是否在网格行中最多选中一个复选框吗?
是否可以在Javascipt中进行?


George

Hi friends,

I am using VS 2005,.net framework 2,asp.net,c#.net
I have a gridview which contains a checkbox in an template column.
I want to check whether maximum one check box should be checked in the grid rows?
Is it possible to do it in Javascipt?


George

推荐答案

相同的概念我正在使用单选按钮，因此您可以根据自己的方式进行更改，这可能会对您有所帮助

Same Concept i am using Radio Button so you Change it according your way Its may helps to you

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"

            DataKeyNames="AuthId">
            <Columns>
            <asp:TemplateField ShowHeader="false">
            <ItemTemplate>
            <asp:RadioButton ID="rdbauthid" runat="server" onclick="javascript:CheckOtherIsCheckedByGVID(this);" />
            </ItemTemplate>
            </asp:TemplateField>
            <asp:BoundField HeaderText="AUTHOR NAME" DataField="AuthName" />
            <asp:BoundField HeaderText="AUTHOR LOCATION" DataField="AuthLocation" />
            </Columns>
        </asp:GridView>

<script type="text/javascript">
            function CheckOtherIsCheckedByGVID(spanChk) {

                var IsChecked = spanChk.checked;
                if (IsChecked) {
                    spanChk.parentElement.parentElement.style.backgroundColor = '#228b22';
                    spanChk.parentElement.parentElement.style.color = 'white';
                }
                var CurrentRdbID = spanChk.id;
                var Chk = spanChk;
                Parent = document.getElementById("<%=GridView1.ClientID%>");
                var items = Parent.getElementsByTagName('input');
                for (i = 0; i < items.length; i++) {

                    if (items[i].id != CurrentRdbID && items[i].type == "radio") {

                        if (items[i].checked) {

                            items[i].checked = false;

                            items[i].parentElement.parentElement.style.backgroundColor = 'white'



                            items[i].parentElement.parentElement.style.color = 'black';

                        }

                    }

                }

            }

</script>

你好，
您也可以使用jQuery.

这样的东西

Hi,
You can use jQuery also.

Something like this

function ValidateCheckboxes(oButton, oEvent){
 if(

(" ).length == 0 ){ 警报(" ) oEvent.cancel = true ; }}

("input:checked").length==0){ Alert("Select Any Check Boxes") oEvent.cancel = true; } }

在这里，我通过单击按钮来称呼它.根据您的需要进行更改.

快乐编码:)

Here I am calling this in the click of a button. Alter this as your need.

Happy Coding :)

这篇关于检查是否在网格行中最多选中一个复选框?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！