2017-11-30 16 views
0

를 전환합니다 :클릭 사업부는 다음과 같은 UI를 생성하는 내가 그것의 내부에 ItemTemplate을 가진 DataList에있는 내부 확인란

ui

조각 : 나는 문제가 일을하는 데 문제가 무엇

<asp:DataList ID="DataList1" runat="server" RepeatColumns="5" RepeatDirection="Horizontal" DataKeyField="Key"> 

      <ItemTemplate> 
       <div id="Row"> 
        <div id="Cell"> 
         <div id="Permission_Label_Div"> 
          <asp:Label runat="server" ID="Permission_Label" Text='<%# Eval("Key") %>'></asp:Label> 
         </div> 

         <div id="Permission_CheckBox_Div"> 
          <asp:CheckBox runat="server" AutoPostBack="true" ID="Permission_CheckBox" Checked='<%# Eval("Value") %>' /> 
         </div> 
        </div> 
       </div> 
      </ItemTemplate> 

     </asp:DataList> 

사용자가 해당 div를 클릭하여 확인란을 전환 할 수있게합니다. DataList는 ASP 서버 컨트롤이기 때문에 페이지가로드를 완료 할 때까지 기다려야합니다. 각 DataList 항목에 액세스 할 수 있습니다. 어떤 도움을 주시면 감사하겠습니다. 이 같은

답변

2

뭔가 내가 코드를 사용 #button_group을 대상으로

$("div#cell").click(function(){ 
     var checkbox = $(this).find("input[type=checkbox]"); 
     checkbox.prop('checked', !checkbox.is(':checked')); 
    }) 
+0

작동합니다. 한 번 클릭하면 모든 확인란이 전환됩니다. #Cell을 타겟팅하면 첫 번째 셀의 상자 만 토글됩니다. – justin

+0

문제는 ItemTemplate과 함께 DataList를 사용하고 있기 때문에 동적 인 각 항목을 대상으로 지정하는 방법을 알지 못합니다. – justin

+0

필요한 div 만 대상으로 div selector를 수정하십시오. smt like "div # cell" –