Question

在我的网站上我有2个listview的页面，每个listview包含多个div，每个div我实现点击事件，所以我可以改变所选div的样式。这工作正常，我想要做的下一件事是确保选择每个列表视图中的至少一个项目，如果是，则执行某些操作（即警报，重定向等）我尝试使用.each（）和.find（）但我最终得到了复杂而低效的代码。做这个的最好方式是什么？这是我的代码：

<asp:ListView ID="ListView1" runat="server">
 <LayoutTemplate>
   <div id="itemPlaceholder" runat="server"></div> 
 </LayoutTemplate>
  <ItemTemplate>
         <div class="box" runat="server"></div> 
         <div class="selectedBox" runat="server"></div>
         <div class="box" runat="server"></div>
         <div class="box" runat="server"></div>
  </ItemTemplate>
</asp:ListView>
    <asp:ListView ID="ListView2" runat="server">
     <LayoutTemplate>
       <div id="itemPlaceholder" runat="server"></div> 
     </LayoutTemplate>
      <ItemTemplate>
             <div class="box" runat="server"></div> 
             <div class="selectedBox" runat="server"></div>
             <div class="box" runat="server"></div>
             <div class="box" runat="server"></div>
      </ItemTemplate>
    </asp:ListView>
    <script type="text/javascript">
        $(".box").click(function () {
        $(this).siblings().removeClass("selectedBox");
        $(this).addClass("selectedBox");
        });
    </script>

Answer 1

尝试这样的事情......

$(document).ready(function() {
  if ($("#listViewIDoption:selected").length<0)
    alert('select atLeast one item')
//do the rest
});

确保使用Jquery选择2个listview中的至少2个项目（每个listview中有一个）

1 个答案: