2013年9月29日 星期日

動態產生checkbox 而且讓他不能複選(js)(轉貼)


動態產生checkbox 而且讓他不能複選

<script type="text/javascript">


function CheckBoxList_Click(sender)
{
    var container = sender.parentNode;
    if(container.tagName.toUpperCase() == "TD") { // 服务器控件设置呈现为 table 布局(默认设置),否则使用流布局
        container = container.parentNode.parentNode; // 层次: <table><tr><td><input />
    }      
    var chkList = container.getElementsByTagName("input");
    var senderState = sender.checked;
    for(var i=0; i<chkList.length;i++) {
        chkList[i].checked = false;
    }    
    sender.checked = senderState;
}
</script>


-----------------------------------後台程式碼
 CheckBox chk = new CheckBox();
                chk.ID = "chk" + i;
                chk.Text = dt.Rows[i]["ITEMNM"].ToString()+ dt.Rows[i]["ITEMNM1"].ToString();
                chk.InputAttributes["value"] = dt.Rows[i]["ITEM"].ToString();
                chk.Attributes["onclick"] = "CheckBoxList_Click(this);";
             
----------------------

沒有留言:

張貼留言