Question

我在循环中有复选框（最初没有选中），并希望在复选框旁边显示其他图标，但仅在选中复选框时才显示。我已经包含了“if”语句，但是当用户选中一个复选框时，该图标不会出现。我怎么能这样做

<div id="divItems">
<table> <thead></thead><tbody>
@foreach (Employee item in Model)
{
   <tr>
        <td> <label class="checkbox">
             <input type="checkbox" name="@(item.Name)" id="@(item.Name)"              class="clink" value="(item.FullName)" /> @item.Name  </label>
        </td>
        <td>
             <a href="#MModal" class="open-Modal" data-id="(item.MapSPNames)" 
                  data-toggle="modal">  
               <i class="icon-edit" title="Filter"></i>  
             </a>
         </td>  

   </tr>
}
</tbody></table>
</div>

Answer 1

修改

创建一个函数并在任何地方调用它：

function showChecked() { $(".open-Modal").each(function () { $(this).hide(); }); $(".clink").each(function () { if ($(this).is(":checked")) $(this).parent().next().find(".open-Modal").show(); else $(this).parent().next().find(".open-Modal").hide(); }); }

现在根据需要调用showChecked（）函数。就像更改复选框一样：

$(".clink").on("change", function () { showChecked(); });

也可以在$（document）.ready上调用此函数，或者在你加载div id =“divItems”的html的地方

如何在MVC 3中更新/刷新ajax中的div标签

1 个答案: