C# 如何将焦点设置在映射到单选按钮的字体图标上

我正在ASP.NETMVC应用程序中使用Twitter引导。在一个页面中，当用户单击相关图标时，我想显示一个网格或列表视图。为此，我使用单选按钮，它会根据用户选择显示

但问题是它总是关注网格图标，即使它触发列表模式

这是我的代码：

@RadioButton（model=>model.Context.ViewMode，“网格”，
新的{name=“viewmode”，@class=”，
onchange=“setLocation（'？viewmode=grid'）；”}）
网格
@Html.radioButton（model=>model.PagingFilteringContext.ViewMode，“列表”，
新的{name=“viewmode”，@class=”，
onchange=“setLocation（'？viewmode=list'）；”}）
列表
@if（Model.Context.ViewMode==“网格”）
{
网格内容在这里。。。
}
其他的
{
在此处列出内容。。。
}

//设置图标之间的可见性
$（文档）.ready（函数（）{
$（“#上下文_视图模式”）。在（'单击'，函数（）{
ToggleRadioButtons（“#上下文_视图模式“，$（此））；
});
});
功能切换RadioButtons（组名，当前）{
var chk=$（groupName+“.fa表”）；
$（chk）.removeClass（'fa-table'）.addClass（'fa-list'）；
$（当前）.find（“>：第一个子项”）.removeClass（'fa-list'）；
$（当前）.find（“>：第一个子项”）.addClass（'fa-table'）；
}

但它并没有在点击列表图标时设置焦点。有什么想法吗

编辑：

我成功地完成了事件触发工作，但它并没有保持为选中状态。如果选择了“列表”，则在从服务器加载正确的“列表”结果后，更改回突出显示的“网格”（活动）

更改摘要：

为两个标签添加了新类“fawsm radiobutton”

为标签列表添加了新类“非活动”

将JavaScript更改为添加删除“活动”和“非活动”

以下是我的代码更改：

<label class="fawsm-radiobutton btn btn-primary  active" title="Show as a Grid" >
  <i class="fa fa-table"></i>
  @Html.RadioButtonFor(model => Model.Context.ViewMode, "grid",
              new { name = "viewmode", @class = "",
                    onchange = "setLocation('?viewmode=grid');" })
      Grid
 </label>

 <label class="fawsm-radiobutton btn btn-primary notactive" title="Show as a List" >
   <i class="fa fa-list"></i>
   @Html.RadioButtonFor(model => Model.PagingFilteringContext.ViewMode, "list", 
              new { name = "viewmode", @class = "", 
                    onchange = "setLocation('?viewmode=list');" }) 
      List
 </label>

当我在浏览器上使用开发工具（F12）时，它显示了要标记的“活动”和“非活动”类的删除和添加。但从服务器加载列表项后，它会在活动模式下恢复为原始的“网格”图标。 所以我猜当浏览器呈现

@if (Model.Context.ViewMode == "grid")
{}
else{}

---

第一节我需要通知客户机对标签类进行上述更改。我不知道怎么做。我需要使用AJAX之类的工具吗？

您应该使用该方法。

我该如何使用它？我是否应该使用.focus（）函数而不是.on（'click'，function（）？当您准备好设置焦点时，$（'yertarget'）。focus（）；显然应该使用一个选择器来替换'yertarget'，以选择您想要聚焦的内容。我在两个标签上都添加了ID，并添加了$（'#list'）。focus（）；到JavaScript。但是运气不好，同样的问题。@KyleMit，正如我在原始帖子中所说的，当用户单击时，它确实起到了功能作用，但是焦点到纠正图标没有显示出来。

@if (Model.Context.ViewMode == "grid")
{}
else{}