es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Botón de radio incorrecto establecido como “seleccionado”

Pregunta de principiante, por favor, sé amable.

Tengo esta página Index.cshtml en una aplicación C# MVC. Cuando se renderiza la página, el último botón está marcado. ¿Cómo puedo hacer que el primer botón (All) se marque en su lugar?

Estoy leyendo las “preguntas similares”, pero ninguna parece abordar mi pregunta. Por favor, ayúdeme. Gracias de antemano si puedes explicármelo.

<h1>@ViewBag.title</h1>

<form action="/list/index" method="post">
    <h2>Buscar por:</h2>

    <p>
        @foreach (var column in ViewBag.columns)
        {
            <span>
                <input type="radio" name="searchType" id="@column.Key" value="@column.Key" checked="@column.Key == 'all'">
                <label for="@column.Key">@column.Value</label>
            </span>
        }
    </p>

    <p>
        <label for="searchTerm">Palabra clave:</label>
        <input type="text" name="searchTerm" id="searchTerm">
    </p>

    <input type="submit" value="Buscar">
</form>

<hr>

@if (ViewBag.service != null)
{
    <table>
        @foreach (var srv in ViewBag.service)
        {
            <tr>
                <td>
                    <p>Proveedor: @srv.Provider.Name</p>
                    <p>Ubicación: @srv.Location.Address</p>
                    <p>Categoría: @srv.Category.Name</p>
              @*      <p>Tag: @service.Tag</p>
                    <p>Palabra clave: @service.Keyword</p>*@
                </td>
            </tr>
        }
    </table>
}
Tags:  , ,

Answer

  1. Avatar for davy.ai

    Para hacer que el primer botón esté marcado por defecto, cambia el atributo checked=""@column.Key == 'all'"" del primer input de tipo radio a checked="true". Esto asegurará que el primer botón esté siempre marcado por defecto. Por lo tanto, el código actualizado sería:

    @foreach (var column in ViewBag.columns)
    {
        <span>
            <input type="radio" name="searchType" id="@column.Key" value="@column.Key" checked="true">
            <label for="@column.Key">@column.Value</label>
        </span>
    }
    

    Aquí, checked="@column.Key == 'all' || column.First()" asegura que el botón ‘Todo’ esté marcado por defecto y column.First() asegura que solo el primer botón esté marcado en su lugar.

Comments are closed.