0
javascriptとMVCのビットを手伝ってくれる人がいるかどうか疑問に思っていました。バックグラウンドを与えるには...私のアプリケーションには、グループの傘下に個々のショップを持つ多数のグループがあります。以前は、ユーザーが個々のショップを選択することができましたが、ユーザーがグループを選択するようにアプリケーションを変更したいと考えています。これにより、そのグループのすべての個々の店舗が選択されます。これは、アプリケーションの基本的な作業が同じままでなければならないためです。すべてが選択されている場合、リンクを無効にするJavascript/jQuery
ここには既存のHTMLページがあります...個々のショップのチェックボックスのスタイルを変更しました。グループヘッダーの下にあるすべてのショップをすべてチェックしたり、チェックを外したりするjavascriptもあります。私がjavascriptで必要とするヘルプのビットは、ユーザーがselectを押すとselectリンクが無効になり、その逆の選択解除リンクが無効になります。
誰かが私が非常に感謝してくれるのを助けることができたら。より多くの情報が必要な場合は尋ねてください！
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<script type="text/javascript">
function select(sectionId) {
toggle(sectionId, "checked");
}
function deselect(sectionId) {
toggle(sectionId, null);
}
function toggle(sectionId, checked) {
$('[section$=' + sectionId + ']').each(function() { $(this).attr('checked', checked); });
}
</script>
<div>
<% int i = 0; %>
<% Html.BeginForm(); %>
<% { %>
<% foreach (myApp.Web.Models.ShopGroup g in Model.Groups) %>
<% { %>
<div style="width:800px;">
<div style="border-bottom: 1px solid;">
<div style="font-weight: bold; width: 300px; float: left;">
<%: g.GroupHeader%>
</div>
<div style="line-height: 18px; vertical-align: middle; width: 250px; float: left;">
<a id="select" href="javascript:select(<%: i %>)" <%: ViewData["GROUP_ALL_SELECTED_" + g.GroupHeader] %>>
Select</a>/<a id="deselect" href="javascript:deselect(<%: i %>)" <%: ViewData["GROUP_ALL_SELECTED_" + g.GroupHeader] %>>
Deselect</a>
</div>
<div style="clear: both;">
</div>
</div>
</div>
<div style="margin-left: 10px; margin-top: 10px;">
<% foreach (myApp.Data.Shop shop in g.Shops) %>
<% { %>
<div style="float: left; line-height: 18px; padding: 2px; margin: 2px; vertical-align: middle;
border: 1px solid; width: 282px;">
<input type="checkbox" style="display:none;" section="<%: i %>" name="SHOP_<%: shop.ShopID %>" <%: ViewData["SHOP_" + shop.ShopID] %>
style="vertical-align: middle; padding-left: 5px;" />
<%= Html.TrimTextToLength(shop.Name)%>
</div>
<% } %>
</div>
<div style="clear: both; margin-bottom: 15px;">
</div>
<% i++; %>
<% } %>
<br />
<br />
<div class="btnFooter">
<input type="submit" value="Update" />
</div>
<div style="clear: both;">
</div>
<% } %>
</div>
</asp:Content>