zoukankan      html  css  js  c++  java
  • 只能选择GridView中的一个CheckBox(单选CheckBox)

    方法一:

    View Code
    protected void GridView2_RowDataBound(object sender, GridViewRowEventArgs e)
    {
    CheckBox cbx = e.Row.FindControl("cbID") as CheckBox;
    try
    {
    //绑定选中CheckBox 客户端ID
    cbx.Attributes.Add("onclick", "Change(" + cbx.ClientID + ")");
    }
    catch
    {
    }

    if (e.Row.RowType == DataControlRowType.DataRow)
    {
    e.Row.Attributes.Add("onmouseover", "currentcolor=this.style.backgroundColor;this.style.backgroundColor ='#6699ff'");
    e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor =currentcolor");
    }
    }

    后台源中

    <script type="text/javascript">
    function Change(SCheckBox) {
    //找到页面所有 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 = SCheckBox.id;
    //选中checkbox为true
    document.getElementById(SelectCheckBoxID).checked = true;
    }
    </script>

    方法二:

    View Code
    //识别不同的浏览器 
    function getTargetElement(evt) {
    var elem
    if (evt.target) {
    elem = (evt.target.nodeType == 3) ? evt.target.parentNode : evt.target
    }
    else {
    elem = evt.srcElement
    }
    return elem
    }

    var lastD = null;
    function Change(evt) {
    evt = (evt) ? evt : ((window.event) ? window.event : " ");
    if (evt == " ") {
    return;
    }
    var obj = getTargetElement(evt);
    var hasTreeNode = false;
    if (obj.tagName) {
    if (obj.tagName == "INPUT" && obj.type == "checkbox") {
    if (lastD) lastD.checked = false
    lastD = obj;
    obj.checked = true;

    }
    }
    }
    View Code
    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
    try
    {
    GridView1.Attributes.Add("onclick", "Change(event)");

    }
    catch
    {
    }


    }




  • 相关阅读:
    强大的js时间选择器 万年历
    js 锚点平滑定位
    php str_replace的替换漏洞
    绝对路径 相对路径 小结
    昨天去了长城
    [转载]71个做饭技巧好好记住了,不要忘记给自己做一顿美餐噢
    最近心情很糟,情绪很低落
    用javascript实现html页面之间的参数传递的四种方法
    解决ajax缓存问题
    [转载]30岁前男人需要完成的事
  • 原文地址:https://www.cnblogs.com/MyBeN/p/2085090.html
Copyright © 2011-2022 走看看