不正確的單選按鈕設置為“已選中”

Question

新手問題，請善待。

我在 C# MVC 應用程序中有這個 Index.cshtml 頁面。 當頁面被渲染時，最后一個按鈕被選中。 如何將第一個按鈕（全部）設置為選中？

我正在閱讀“類似問題”，但似乎沒有一個能解決我的問題。 請幫忙。 如果您能向我解釋一下，請提前感謝您。

<h1>@ViewBag.title</h1>

<form action="/list/index" method="post">
    <h2>Search by:</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">Keyword:</label>
        <input type="text" name="searchTerm" id="searchTerm" />
    </p>

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

<hr />

@if (ViewBag.service != null)
{
    <table>
        @foreach (var srv in ViewBag.service)
        {
            <tr>
                <td>
                    <p>Provider: @srv.Provider.Name</p>
                    <p>Location: @srv.Location.Address</p>
                    <p>Category: @srv.Category.Name</p>
              @*      <p>Tag: @service.Tag</p>
                    <p>Keyword: @service.Keyword</p>*@
                </td>
            </tr>
        }
    </table>
}

Answer 1

在一種情況下：

<input type="radio" name="searchType" id="@column.Key" value="@column.Key" @(column.Key == 'all' ? "checked" : " ") />

檢查還是不檢查？

Answer 2

您可以只使用checked的任何單選按鈕：

<input type="radio" checked />

要有條件地檢查您的任何單選按鈕，請使用：

@if(column.Key == 'all'){
 <input type="radio" name="searchType" id="@column.Key" value="@column.Key" checked />
}else{
 <input type="radio" name="searchType" id="@column.Key" value="@column.Key" />
}