asp.net 中的checkbox如何设置为不可选中、点不下去?

发布网友发布时间：2022-04-27 17:49

共7个回答

懂视网时间：2022-04-27 22:10

　　这里使用asp.net2.0的TreeView控件结合JavaScript实现权限树的部分功能。
　　假设权限树中有如下三条规则：
　　1、该节点可以访问，则他的父节点也必能访问；
　　2、该节点可以访问，则他的子节点也都能访问；
　　3、该节点不可访问，则他的子节点也不能访问。

代码如下：
//获取元素指定tagName的父元素
function public_GetParentByTagName(element, tagName)
{
    var parent = element.parentNode;
    var upperTagName = tagName.toUpperCase();
    //如果这个元素还不是想要的tag就继续上溯
    while (parent && (parent.tagName.toUpperCase() != upperTagName))
    {
        parent = parent.parentNode ? parent.parentNode : parent.parentElement;
    }
    return parent;
}

//设置节点的父节点Cheched——该节点可访问，则他的父节点也必能访问
function setParentChecked(objNode)
{
    var objParentDiv = public_GetParentByTagName(objNode,"div");
    if(objParentDiv==null || objParentDiv == "undefined")
    {
        return;
    }
    var objID = objParentDiv.getAttribute("ID");
    objID = objID.substring(0,objID.indexOf("Nodes"));
    objID = objID+"CheckBox";
    var objParentCheckBox = document.getElementById(objID);
    if(objParentCheckBox==null || objParentCheckBox == "undefined")
    {
        return;
    }
    if(objParentCheckBox.tagName!="INPUT" && objParentCheckBox.type == "checkbox")
    return;
    objParentCheckBox.checked = true;
    setParentChecked(objParentCheckBox);
}

//设置节点的子节点uncheched——该节点不可访问，则他的子节点也不能访问
function setChildUnChecked(divID)
{
    var objchild = divID.children;
    var count = objchild.length;
    for(var i=0;i<objchild.length;i++)
    {
        var tempObj = objchild[i];
        if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")
        {
            tempObj.checked = false;
        }
        setChildUnChecked(tempObj);
    }
}

//设置节点的子节点cheched——该节点可以访问，则他的子节点也都能访问
function setChildChecked(divID)
{
    var objchild = divID.children;
    var count = objchild.length;
    for(var i=0;i<objchild.length;i++)
    {
        var tempObj = objchild[i];
        if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")
        {
            tempObj.checked = true;
        }
        setChildChecked(tempObj);
    }
}

//触发事件
function CheckEvent()
{

var objNode = event.srcElement;

if(objNode.tagName!="INPUT" || objNode.type!="checkbox")
return;

    if(objNode.checked==true)
    {
        setParentChecked(objNode);
        var objID = objNode.getAttribute("ID");
        var objID = objID.substring(0,objID.indexOf("CheckBox"));
        var objParentDiv = document.getElementById(objID+"Nodes");
        if(objParentDiv==null || objParentDiv == "undefined")
        {
            return;
        }
        setChildChecked(objParentDiv);
    }
    else
    {
        var objID = objNode.getAttribute("ID");
        var objID = objID.substring(0,objID.indexOf("CheckBox"));
        var objParentDiv = document.getElementById(objID+"Nodes");
        if(objParentDiv==null || objParentDiv == "undefined")
        {
            return;
        }
        setChildUnChecked(objParentDiv);
    }
}

然后在page_load事件中将TreeView与js事件绑定上：

this.TreeView1.Attributes.Add("onclick", "CheckEvent()");

热心网友时间：2022-04-27 19:18

组一个计数器，选中一个加1，但达到选择数目上限时，把checkbox属性设为readonly或不可用，就ok了。

热心网友时间：2022-04-27 20:36

在后台判断
for（int i=0;i<gridviews.rows.count;i++）
{
//获取checkbox选择的数目
if(获取的数目==数目上限)
{
checkbox控件enabled=false;
}
}

热心网友时间：2022-04-27 22:11

加入disabled标记即可(不好意思，check没有readonly标记，是disabled标记)。追问不好意思，我没说清楚。我的问题是，如何在点击一个checkbox前，让它默认执行某一个判断函数，并且这个函数的参数为当前行数。

热心网友时间：2022-04-28 00:02

判断：就在当前行里找CheckBox控件，用控件的个数来判断咯。
if(个数 > ?){
/////.......
}追问不好意思，我没说清楚。我的问题是，如何在点击一个checkbox前，让它默认执行某一个判断函数，并且这个函数的参数为当前行数。

热心网友时间：2022-04-28 02:10

回答共2条
2012-1-4 11:57 pan365wang | 二级

加入readonly 标记即可。

同意追问不好意思，我没说清楚。我的问题是，如何在点击一个checkbox前，让它默认执行某一个判断函数，并且这个函数的参数为当前行数。

追答加载的时候能满足吗？你就说你想实现什么效果吧

热心网友时间：2022-04-28 04:35

1楼正解