作用相当于RadioButonList

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <script type="text/javascript">

        function UncheckOthers(objchkbox) {

            //Get the parent control of checkbox which is the checkbox list

            var objchkList = objchkbox.parentNode.parentNode.parentNode;

            //Get the checkbox controls in checkboxlist

            var chkboxControls = objchkList.getElementsByTagName("input");

            //Loop through each check box controls

            for (var i = 0; i < chkboxControls.length; i++) {

                //Check the current checkbox is not the one user selected

                if (chkboxControls[i] != objchkbox && objchkbox.checked) {

                    //Uncheck all other checkboxes

                    chkboxControls[i].checked = false;

                }

            }

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

        <div>

            <asp:CheckBoxList ID="CheckBoxList1" runat="server">

                <asp:ListItem Text="FirstValue" Value="1" onclick="UncheckOthers(this);">

                </asp:ListItem>

                <asp:ListItem Text="Second Value" Value="2" onclick="UncheckOthers(this);">

                </asp:ListItem>

                <asp:ListItem Text="Third Value" Value="3" onclick="UncheckOthers(this);">

                </asp:ListItem>

                <asp:ListItem Text="Fourth Value" Value="4" onclick="UncheckOthers(this);">

                </asp:ListItem>

                <asp:ListItem Text="Fifth Value" Value="5" onclick="UncheckOthers(this);">

                </asp:ListItem>

            </asp:CheckBoxList>

        </div>

    </form>

</body>

</html>

在CheckBox中，仅仅允许选择一项的更多相关文章

  1. JS判断checkbox至少选择一项

    function Check() { if(checkboxs("checkboxname") == false){ // checkboxname: checkbox的名字 al ...

  2. 检查radio/checkbox是否至少选择一项

    //---------------------------------------------------------- // 功能:检查radio/checkbox是否至少选择一项 // 参数: / ...

  3. CheckBox只选择一项

    最近做一个问卷的页面,客户那边说要使用checkbox而且只能选择一项 就写了下面的代码 <html xmlns="http://www.w3.org/1999/xhtml" ...

  4. checkbox 最多选两项

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  5. 在GridView中实现全选反选的例子

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GridView控件.asp ...

  6. Day10 - JS 实现 Checkbox 中按住 Shift 的多选功能

    Day10 - JS 实现 Checkbox 中按住 Shift 的多选功能 作者:liyuechun 简介:JavaScript30 是 Wes Bos 推出的一个 30 天挑战.项目免费提供了 3 ...

  7. QTableView中嵌入复选框CheckBox 的四种方法总结

    搜索了一下,QTableView中嵌入复选框CheckBox方法有四种: 第一种不能之前显示,必须双击/选中后才能显示,不适用. 第二种比较简单,通常用这种方法. 第三种只适合静态显示静态数据用 第四 ...

  8. python QQTableView中嵌入复选框CheckBox四种方法

    搜索了一下,QTableView中嵌入复选框CheckBox方法有四种: 第一种不能之前显示,必须双击/选中后才能显示,不适用. 第二种比较简单,通常用这种方法. 第三种只适合静态显示静态数据用 第四 ...

  9. C# winform中的datagridview控件标头加入checkbox，实现全选功能。

    /// <summary> /// 给DataGridView添加全选 /// </summary> public class AddCheckBoxToDataGridVie ...

随机推荐

  1. JavaScript 入門

    <html lang="en"> <head>   <meta charset="UTF-8">   <meta na ...

  2. JS中的this都有什么作用？

    1.全局代码中的this  是指向全局对象,在浏览器中是window alert(this) //window 2.作为单纯的函数调用: function fooCoder(x) { this.x = ...

  3. 深刻理解一句js

    最近有点小懒,不想写东西,也不想看东西,看东西还老跑神,这是肿么了呢? 盯着显示器某一刻能把它看透,就是不想挪下眼睛 无意中看到了这行代码 [].forEach.call($$("*&quo ...

  4. codeforces 632E. Thief in a Shop fft

    题目链接 E. Thief in a Shop time limit per test 5 seconds memory limit per test 512 megabytes input stan ...

  5. Windows Azure 新上线网络相关服务

     动态路由网关.点到站点(Point to Site)VPN正式商用 动态路由网关和点到站点VPN支持基于路由的VPN,并且允许用户将独立计算机连接到Azure上的虚拟网络.现在,虚拟网络中的动态 ...

  6. HDU 5823 color II（FWT）

    [题目链接] http://acm.hdu.edu.cn/showproblem.php?pid=5823 [题目大意] 定义一张无向图的价值:给每个节点染色使得每条边连接的两个节点颜色不相同的最少颜 ...

  7. Android Develop【转】

    [Android Develop]   Android实现伸缩弹力分布菜单效果 摘要: 本文介绍下在Android中实现伸缩弹力分布菜单效果.关于这种菜单效果在IPhone中比较常见,效果比较酷.那么 ...

  8. Android设置Activity背景为透明style

    方法一: 通过Theme.Translucent @android:style/Theme.Translucent @android:style/Theme.Translucent.NoTitleBa ...

  9. 下载文件 ，调用系统的方法(UIDocumentInteractionController) 查看

  10. Android UiAutomator 自动化测试编译运行---新手2

    1.首先打开eclipse创建java项目