随笔 - 139, 文章 - 5, 评论 - 39, 阅读 - 16万
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

checkbox单选(多个checkbox时只能选中一个)

Posted on   小飞龙(Jack)  阅读(13207)  评论(0编辑  收藏  举报

<table id="tab" cellpadding="0" cellspacing="0" border="0" width="100%">
                                    <tr height="25px">
                                        <td align="right" width="40%">
                                            <asp:Label ID="Label1" runat="server" Text="模板描述:"></asp:Label>
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txtTempletText" runat="server" ReadOnly="true"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr height="25px">
                                        <td align="right">
                                            <input type="checkbox" id="chkPer" value="1" runat="server" onclick="selchk(this)" />本人
                                        </td>
                                        <td>
                                            &nbsp;&nbsp;&nbsp;&nbsp;
                                            <input type="checkbox" id="chkAll" value="3" runat="server" onclick="selchk(this)" />本院(共用)
                                        </td>
                                    </tr>
                                    <tr height="25px">
                                        <td>
                                        </td>
                                        <td>
                                            &nbsp;&nbsp;&nbsp;&nbsp;
                                            <input type="checkbox" id="chkDept" value="2" runat="server" onclick="selchk(this)" />本科室(共用)
                                        </td>
                                    </tr>
                                </table>

function selchk(chk)  //chk 为 checkbox控件,   前台每个checkbox控件都需加上这方法
        {
            for(var i=0;i<form1.elements.length;i++)
            {
                var e = form1.elements[i];
                if(e.type!=null && e.type=="checkbox" && e.parentElement.parentElement.parentElement.parentElement.id=="tab") //表格里的所有checkbox是否全部选种
                {
                    if(e.checked)
                    {
                        e.checked = false;
                        chk.checked = true;
                    }
                }
            }
        }

编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示