1

我在 asp.net 页面中使用复选框列表并绑定数据库中的数据。现在我想选择单个项目。假设我选择一个项目意味着清除旧选择并仅选择新项目

请帮我这样做..

4

6 回答 6

6

试试这个

前端

function radioMe(e) {
  if (!e) e = window.event;
  var sender = e.target || e.srcElement;

  if (sender.nodeName != 'INPUT') return;
  var checker = sender;
  var chkBox = document.getElementById('<%= chks.ClientID %>');
  var chks = chkBox.getElementsByTagName('INPUT');
  for (i = 0; i < chks.length; i++) {
      if (chks[i] != checker)
      chks[i].checked = false;
  }
}

<asp:CheckBoxList runat="server" ID="chks">
  <asp:ListItem>Item</asp:ListItem>
  <asp:ListItem>Item</asp:ListItem>
  <asp:ListItem>Item</asp:ListItem>
  <asp:ListItem>Item</asp:ListItem>
</asp:CheckBoxList>

后端

protected void Page_Load(object sender, EventArgs e)
{
        chks.Attributes.Add("onclick", "radioMe(event);");
}

但与其做所有这些，你应该考虑RadioButtonList控制

于 2012-07-27T12:26:44.710 回答
5

在 RadioButtonList 上使用 CheckBoxList 有时会很方便，因为它允许用户取消选择一个选项，而无需我发明一种变通方法。按照 yogi 的回答，我想要一种允许轻松重用的方法，而无需将 CheckBoxList 的 ClientID 插入到每次使用的函数中。感谢模板瑜伽士。

  • 用法：

    <asp:CheckBoxList ID="m_testControl" runat="server" data-toggle="radio" RepeatDirection="Horizontal">
    <asp:ListItem Value="CON">Concur</asp:ListItem>
    <asp:ListItem Value="CWI">Concur With Intent</asp:ListItem>
    <asp:ListItem Value="DNC">Do Not Concur</asp:ListItem>
</asp:CheckBoxList>

  • jQuery函数：

    $(document).ready(function ()
{
    // turn all CheckBoxLists labeled for 'radio' to be single-select
    $('[data-toggle=radio]').each(function ()
    {
        var clientId = $(this).attr('id');
        $(this).find('input').each(function ()
        {
            // set parent's id
            $(this).attr('data-parent', clientId);

            // add an onclick to each input
            $(this).click(function (e)
            {
                // ensure proper event
                if (!e) e = window.event;
                var sender = e.target || e.srcElement;
                if (sender.nodeName != 'INPUT') return;


                // toggle off siblings
                var id = $(this).attr('id');
                var parent = $(this).attr('data-parent');
                $('input[data-parent=' + parent + ']').not('#' + id).prop('checked', false);
            });
        });
    });
});
于 2013-12-19T18:15:30.720 回答
2

看起来 aRadioButtonList会更合适，因为它只允许您选择单个元素。

ASP.NET RadioButtonList 控件

单选按钮列表示例

RadioButtonList 类

于 2012-07-27T12:05:40.347 回答
0 
$('input[type=checkbox]').click(function () {
           var chks = document.getElementById('<%= chkBranchRoleTransaction.ClientID %>').getElementsByTagName('INPUT');
            for (i = 0; i < chks.length; i++) {
                    chks[i].checked = false;
            }
            $(this)[0].checked = true;
       });
        // or//
        $('input[type=checkbox]').click(function () {
             var chkBox = document.getElementById('<%= chkBranchRoleTransaction.ClientID %>');
            var chks = chkBox.getElementsByTagName('INPUT');
             for (i = 0; i < chks.length; i++) {
                 chks[i].checked = false;
             }
             $(this)[0].checked = true;
         });
    });[enter image description here][1]


  [1]: http://i.stack.imgur.com/zzaaz.jpg
于 2015-12-15T20:22:20.940 回答
0 
var id = "";
$("#CblProduct").on('click', ':checkbox', function () {       
    if (id != "")
    {
        $(id).attr('checked', false);
        $(this).attr('checked', true);
    }
    if($("#CblProduct").length > 0)
    {
        id = this;
    }
});
于 2016-02-19T06:03:24.507 回答
0 
static int indexOfL=0;// the index of initial selected item
    protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        int i = 0;

        foreach (ListItem li in CheckBoxList1.Items)
        {    
            {
                if (i != indexOfL && li.Selected)
                {    
                    indexOfL=i;
                    CheckBoxList1.ClearSelection();
                    li.Selected = true;

                }
                i++;
            }
        }}

我正在保存所选项目的索引，当发生更改时，我们会得到两个所选项目，因此在 indexOfL 的帮助下，我们可以保留正确的项目。我不知道这种方法是否最好，因为此代码在服务器端……希望对你有帮助……

于 2016-05-02T14:39:59.380 回答