PostBacklike AJAX가없는 CheckBox BackColor 변경

Question

NET 인트라넷 웹 사이트. Site.Master 페이지와 .aspx는 일반적인 asp net webforms 페이지입니다. 그림에서 볼 수있는 것처럼이 확인란이 있습니다. AJAX와 같은 포스트 백을 만들지 않고 배경색을 녹색으로 변경하려면 JavaScript를 사용하고 있습니다. 내 코드와

, 그것은 유일한 문제, 당신이 여기에서 볼 수 있습니다 내 code.Like에 의해 영향 도착 체크 주위에만 상자를 사용할 수 있습니다.

그러나 그렇게하지만, 물론 스크립트 나던 작업과 같은 완벽한 내가 영문 page..everything에서 속성에 BackColor = "라임"을 추가 해요 말할 수 있습니다.

내 ASP 코드는 다음과 같습니다

<asp:Table CssClass="GroupKPI" runat="server" GridLines="Horizontal"> 
      <asp:TableRow runat="server"> 
       <asp:TableCell runat="server"> 
        <%-- Critère de recherche WP--%> 
        <asp:CheckBox ID="labelList_WP" runat="server" Text="WP" CssClass="labelTitle" AutoPostBack="False" BackColor="Lime" /> 
        <asp:Panel ID="Panel1" runat="server" CssClass="Panel"> 
         <asp:CheckBoxList ID="List_WP" runat="server" CssClass="CBList"> 
         </asp:CheckBoxList> 
        </asp:Panel> 
       </asp:TableCell> 
       <asp:TableCell ID="TableCell13" runat="server" CssClass="CellSeparator" Width="5px"></asp:TableCell> 
       <asp:TableCell ID="TableCell5" runat="server"> 
        <%-- Critère de recherche WP CF--%> 
        <asp:CheckBox ID="labelList_WP_CF" runat="server" Text="WP CF" CssClass="labelTitle" 
         OnCheckedChanged="Check_Clicked" AutoPostBack="False" /> 
        <asp:Panel ID="Panel2" runat="server" CssClass="Panel"> 
         <asp:CheckBoxList ID="List_WP_CF" runat="server" CssClass="CBList"> 
         </asp:CheckBoxList> 
        </asp:Panel> 
       </asp:TableCell> 
       <asp:TableCell ID="TableCell14" runat="server" CssClass="CellSeparator" Width="5px"></asp:TableCell> 
       <asp:TableCell ID="TableCell6" runat="server"> 
        <%-- Critère de recherche SUBWP--%> 
        <asp:CheckBox ID="labelList_SUBWP" runat="server" Text="SUBWP" CssClass="labelTitle" 
         OnCheckedChanged="Check_Clicked" AutoPostBack="False" /> 
        <asp:Panel ID="Panel3" runat="server" CssClass="Panel"> 
         <asp:CheckBoxList ID="List_SUBWP" runat="server" CssClass="CBList"> 
         </asp:CheckBoxList> 
        </asp:Panel> 
       </asp:TableCell> 
       <asp:TableCell ID="TableCell15" runat="server" CssClass="CellSeparator" Width="5px"></asp:TableCell> 
       <asp:TableCell ID="TableCell7" runat="server"> 
        <%-- Critère de recherche WP REGROUPEMENT--%> 
        <asp:CheckBox ID="labelList_WP_REGROU" runat="server" Text="WP REGROU" CssClass="labelTitle" 
         OnCheckedChanged="Check_Clicked" AutoPostBack="False" /> 
        <asp:Panel ID="Panel4" runat="server" CssClass="Panel"> 
         <asp:CheckBoxList ID="List_WP_REGROU" runat="server" CssClass="CBList"> 
         </asp:CheckBoxList> 
        </asp:Panel> 
       </asp:TableCell> 
       <asp:TableCell ID="TableCell16" runat="server" CssClass="CellSeparator" Width="5px"></asp:TableCell> 
       <asp:TableCell ID="TableCell8" runat="server"> 
        <%-- Critère de recherche ORGANISATION--%> 
        <asp:CheckBox ID="labelList_ORGANISATION" runat="server" Text="Organisation" CssClass="labelTitle" 
         OnCheckedChanged="Check_Clicked" AutoPostBack="False" /> 
        <asp:Panel ID="Panel5" runat="server" CssClass="Panel"> 
         <asp:CheckBoxList ID="List_ORGANISATION" runat="server" CssClass="CBList"> 
         </asp:CheckBoxList> 
        </asp:Panel> 
       </asp:TableCell> 
      </asp:TableRow> 
     </asp:Table> 
     <%-- Fin de la table KPI RANGÉ 1--%> 

그리고 페이지로드에 배치 코드 뒤에 내 비주얼 베이직

입니다 : 내가 checkbox.style.background, 체크 박스를 시도

 labelList_WP.Attributes.Add("onclick", "var checkbox=document.getElementById('" & Me.labelList_WP.ClientID & "'); if (checkbox.checked) {checkbox.style.background = '#9ACD32'; } else {checkbox.style.background = '#F3F6FA';} ") 

주 .style.backgroundColor, checkbox.style.background-color, checkbox.style.BackColor 성공하지 못했습니다.

또한이 확인란을 선택하면 성공하지 못했습니다.

labelList_WP.Attributes.Add("onlick", "if ($(""#labelList_WP"").hasClass(""labelTitleChecked"")==true) { $(""#labelList_WP"").removeClass(""labelTitleChecked""); } else {$(""#labelList_WP"").addClass(""labelTitleChecked"");}") 

어떤 도움이 크게 나는이 모든 나의 일을 잃었습니다, 감사하겠습니다 .. 을 또한 명령 디버거를; 내 시도 중 어느 하나라도 디버그 모드를 시작하지 않습니다. 원래 코드 대신 checkbox.style.background이 checkbox.parentElement.style.background을 설정 설정에

labelList_WP.Attributes.Add("onclick", "$(""#labelList_WP"").parent().toggleClass(""labelTitleChecked"");") 

또는 :

Answer 1

이보십시오.