在 MVCContrib Grid MVC3 中使用 Jquery 选择单选按钮



我在特定视图中添加了一个MvcContrib网格。在网格中,除了列数据外,我还有一个单选按钮列。我正在尝试获取选定的单选按钮单击事件,但它没有按预期发生。我不知道实现有什么问题。你们能不能看看并给出一些建议或代码片段来解决这个问题。

    <%= Html.Grid(Model.Items)
        .Columns(column =>
                     {
                         column.For(x => x.Name)
                             .Named(Html.OrderBy(null, "DisplayRestaurantsList", "Group", ViewContext.RouteData.Values, "sortBy", "sortDir", true, Model.SortDirection, Model.SortBy, "restaurantname", "Restaurant"));
                         column.For(x => x.Contact.GetDisplayName())
                             .Named(Html.OrderBy(null, "DisplayRestaurantsList", "Restaurant", ViewContext.RouteData.Values, "sortBy", "sortDir", true, Model.SortDirection, Model.SortBy, "administrator", "Administrator"));
                         column.For(x => Html.ActionLink("Remove", "RemoveRestaurant", "Group", new { id = x.ID, GroupID=x.Group.ID }, null))
                            .DoNotEncode();
                         column.For(x => Html.RadioButton("defaultRastaurant",x.ID,(!x.Group.ID.Value.ToString().IsEmptyOrNull() && x.ID==x.Group.DefaultRestaurantID) ? true:false)).Named("default").DoNotEncode();
                     })
        .Attributes(@class => "table-1 gapmb40")
        .Empty("There are no restaurants that match your criteria.")
        .RowStart(row => string.Format("<tr{0}>", row.IsAlternate ? "style="background-color:#CCDDCC"" : ""))
  %>

j查询代码选择单选按钮点击:

$("input[type='radio']").click(function () {
               alert("kaustubh");
           });

也尝试了以下一个:

 $("input[name='defaultRastaurant']").change(function () {
           alert("kaustubh");               
                          });

看起来这是一个事件委派问题。当事件处理程序与其关联时,该元素在 DOM 中不存在。

试试这个

$("body").on("click"," input[type='radio']" ,function () {
       alert("kaustubh");
 }); 

主体可以替换为存在单选按钮的任何非静态父级。

最新更新