在DataList中使checkbox单选

最新推荐文章于 2022-10-26 21:54:46 发布

weixin_33890526

最新推荐文章于 2022-10-26 21:54:46 发布

阅读量118

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/280850911/archive/2011/12/08/2281324.html

本文探讨了在代码中寻找并实现供应商选择功能的过程，通过使用ASP.NET DataList控件和JavaScript来实现实现单选功能，确保仅能选择一个供应商。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码就是这么简单，可我找了一个晚上才找到，真晕啊。

<--page code-->
<div id="ChooseDiv">
  <asp:DataList ID="dlSelectSupply" runat="server"  >


<ItemTemplate>
<asp:CheckBox ID="ckbSelect" runat="server" Text ="选为供应商" onclick= "setCheck(this) "  />                                                                                                 </ItemTemplate>
 </asp:DataList>                                                                                             
 </div>


<--javascript code-->
<script type ="text/javascript" >
//设置checkbox单选
        function setCheck(thischeck) {
var inputs = document.getElementById ("ChooseDiv").getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type == 'checkbox') {
                    inputs[i].checked = false;
                }
            }
            thischeck.checked = true;
        }
    </script>