如何在转发器中设置 3 个单选按钮及其组名

Question

我需要在中继器中设置3组不同的单选按钮。使用 groupname 属性是不够的。所以，在研究之后，我使用了一些 JS 并且它有效。我的问题是当我想实现一组以上的单选按钮时。谁能帮帮我？

我最好的方法是：

CSHTML

<asp:Repeater runat="server" ID="repeaterImages" OnItemDataBound="repeaterImages_ItemDataBound">
  <ItemTemplate>
    <span>
          <asp:RadioButton runat="server" ID="rbLogoSeleccionado" Text='Logo 0' GroupName="nombreLogo" /><br />
          <asp:RadioButton runat="server" ID="rbLogoSeleccionadoApp" Text='Logo 1' GroupName="nombreLogoApp" /><br />
          <asp:RadioButton runat="server" ID="rbLogoSeleccionadoAppBlanco" Text='Logo 2' GroupName="nombreLogoAppBlanco" />
   </span>
 </ItemTemplate>
</asp:Repeater>

JS

<script>
    function SetUniqueRadioButton(nameregex, current) {

        for (i = 0; i < document.forms[0].elements.length; i++) {

            elm = document.forms[0].elements[i]

            if (elm.type == 'radio') {

                elm.checked = false;
            }
        }
        current.checked = true;
    }
</script>

CS

protected void repeaterImages_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
    try
    {
        if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
        {
            RadioButton rbLogoSeleccionado = (RadioButton)e.Item.FindControl("rbLogoSeleccionado");
            RadioButton rbLogoSeleccionadoApp = (RadioButton)e.Item.FindControl("rbLogoSeleccionadoApp");
            RadioButton rbLogoSeleccionadoAppBlanco = (RadioButton)e.Item.FindControl("rbLogoSeleccionadoAppBlanco");

            string script = "SetUniqueRadioButton('repeaterImages.*nombreLogo',this)";
            string scriptApp = "SetUniqueRadioButton('repeaterImages.*nombreLogoApp',this)";
            string scriptAppBlanco = "SetUniqueRadioButton('repeaterImages.*nombreLogoAppBlanco',this)";

            rbLogoSeleccionado.Attributes.Add("onclick", script);
            rbLogoSeleccionadoApp.Attributes.Add("onclick", scriptApp);
            rbLogoSeleccionadoAppBlanco.Attributes.Add("onclick", scriptAppBlanco);
        }
    }

    catch (Exception ex)
    {
        PIPEvo.Log.Log.RegistrarError(ex);
        throw;
    }
}

使用此代码，只需获取 3 行单选按钮，共享所有单选按钮的组名行为...（我希望每行都有组名行为...）

Answer 1

小菜一碟。证明我是 JS 新手。我发布解决方案是因为这是 asp 编程中反复出现的问题，并且此错误是已知的。此外，我找不到某些单选按钮的解决方案。

JS.

<script>
    function SetUniqueRadioButton(text, current) {
        for (i = 0; i < document.forms[0].elements.length; i++) {

            elm = document.forms[0].elements[i]

            if ((elm.type == 'radio') && (elm.value == text)) {
                elm.checked = false;
            }
        }
        current.checked = true;
    }
</script>

CS

     protected void repeaterImages_ItemDataBound(object sender, RepeaterItemEventArgs e)
        {
            try
            {
                if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
                {
                    RadioButton rbLogoSeleccionado = (RadioButton)e.Item.FindControl("rbLogoSeleccionado");
                    RadioButton rbLogoSeleccionadoApp = (RadioButton)e.Item.FindControl("rbLogoSeleccionadoApp");
                    RadioButton rbLogoSeleccionadoAppBlanco = (RadioButton)e.Item.FindControl("rbLogoSeleccionadoAppBlanco");

                    string script = "SetUniqueRadioButton('rbLogoSeleccionado',this)";
                    string scriptApp = "SetUniqueRadioButton('rbLogoSeleccionadoApp',this)";
                    string scriptAppBlanco = "SetUniqueRadioButton('rbLogoSeleccionadoAppBlanco',this)";

                    rbLogoSeleccionado.Attributes.Add("onclick", script);
                    rbLogoSeleccionadoApp.Attributes.Add("onclick", scriptApp);
                    rbLogoSeleccionadoAppBlanco.Attributes.Add("onclick", scriptAppBlanco);
                }
            }

            catch (Exception ex)
            {
                PIPEvo.Log.Log.RegistrarError(ex);
                throw;
            }
        }

CSHTML

<asp:Repeater runat="server" ID="repeaterImages" OnItemDataBound="repeaterImages_ItemDataBound">
  <ItemTemplate>
    <span>
          <asp:RadioButton runat="server" ID="rbLogoSeleccionado" Text='Logo 0' GroupName="nombreLogo" /><br />
          <asp:RadioButton runat="server" ID="rbLogoSeleccionadoApp" Text='Logo 1' GroupName="nombreLogoApp" /><br />
          <asp:RadioButton runat="server" ID="rbLogoSeleccionadoAppBlanco" Text='Logo 2' GroupName="nombreLogoAppBlanco" />
   </span>
 </ItemTemplate>
</asp:Repeater>

如何在转发器中设置 3 个单选按钮及其组名

How to set 3 radiobutton with its groupname in a repeater

c#

asp.net

repeater

radio-button