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>
}
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 achecked="true"
. Esto asegurará que el primer botón esté siempre marcado por defecto. Por lo tanto, el código actualizado sería:Aquí,
checked="@column.Key == 'all' || column.First()"
asegura que el botón ‘Todo’ esté marcado por defecto ycolumn.First()
asegura que solo el primer botón esté marcado en su lugar.