GridView中模板列中checkbox单选 (转)

最新推荐文章于 2021-07-23 12:36:27 发布

原创

最新推荐文章于 2021-07-23 12:36:27 发布 · 886 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#input #javascript #asp #function #server #脚本

该博客介绍了如何在ASP.NET的GridView控件中实现模板列中Checkbox的单选功能。通过在后台的GridView_RowDataBound事件中绑定客户端ID，并在JavaScript中编写函数ChangeGet或SelectRadio来切换其他Checkbox的状态，从而实现单选。示例代码展示了两种不同的实现方式，一种通过传递Checkbox的ID，另一种通过判断连续点击次数来控制选中状态。

GridView中模板列中checkbox单选

在后台GridView_RowDataBound事件中
CheckBox cbx = e.Row.FindControl("cbxName") as CheckBox;
        try
        {
            //绑定选中CheckBox 客户端ID
            cbx.Attributes.Add("onclick", "ChangeGet(" + cbx.ClientID + ")");
        }
        catch
        {
        }
前台js脚本代码
<script language="javascript">
function ChangeGet(SelectCheckBox)
{
//找到页面所有 input
var objs = document.getElementsByTagName("input");
for(var i=0; i<objs.length; i++)
    {
//找到input中的checkbox
        if(objs[i].type.toLowerCase() == "checkbox" )
//所有checkbox为false
        objs[i].checked = false;
    }
//找到选中checkbox
   var SelectCheckBoxID=SelectCheckBox.id;
//选中checkbox为true