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个单选按钮及其组名

1 个答案: