2014-02-17 7 views
0

내 웹 양식 프로젝트의 마스터 페이지를 사용하여 콘텐츠 위치 홀더에있는 RadioButtonList 이름, id, 클래스 (CSS 속성)를 찾는 방법 내 콘텐츠 창고 홀더에 아래 코드를 넣습니다.javadript

<asp:RadioButtonList ID="ckbLstPartner" runat="server" name="ckbLstPartner" 
            RepeatDirection="Horizontal" 
      CssClass="cssRdlstMoheSacm" Height="85px" Width="430px"> 
           <asp:ListItem Text="Yes" Value="1"></asp:ListItem> 
           <asp:ListItem Text="No" Value="0"></asp:ListItem> 
           </asp:RadioButtonList> 

     <br /> 
     <asp:TextBox ID="trSetPartnerNamesAvailability" value="trSetPartnerNamesAvailability" runat="server"></asp:TextBox> 
     <asp:TextBox ID="trSetPartnerInfoAvailability" value="trSetPartnerInfoAvailability" runat="server"></asp:TextBox> 
     <br /> 
     <br /> 
     <asp:TextBox ID="txtPartnersName" value="txtPartnersName" runat="server"></asp:TextBox> 
     <asp:TextBox ID="txtReqScoreCourseAccept" value="txtReqScoreCourseAccept" runat="server"></asp:TextBox> 
     <asp:TextBox ID="txtCourseAcceptNote" value="txtCourseAcceptNote" runat="server"></asp:TextBox> 

그리고 일부 기능을 사용하려면 자바 스크립트 코드를 사용합니다.

JS의 CODE :

$(document).ready(function() { 
      $('#<%=ckbLstPartner.ClientID %>').change(function() { 
       if ($("input[name='<%=ckbLstPartner.ClientID %>'][value='1']").prop("checked")) { 

        $('#<%=trSetPartnerNamesAvailability.ClientID%>').show(); 
        $('#<%=trSetPartnerInfoAvailability.ClientID%>').show(); 
       } 
       else { 
        $('#<%=trSetPartnerNamesAvailability.ClientID%>').hide(); 
        $('#<%=trSetPartnerInfoAvailability.ClientID%>').hide(); 
        $('#<%= txtPartnersName.ClientID %>').val(''); 
        $('#<%= txtReqScoreCourseAccept.ClientID %>').val(''); 
        $('#<%= txtCourseAcceptNote.ClientID %>').val(''); 
       } 
      }); 
     }); 

제가

브라우저 출력 아래와 같이 라디오 버튼리스트가 변환 프로그램 실행하면이 때문에 이유

<table id="ContentPlaceHolder1_ckbLstPartner" class="cssRdlstMoheSacm" style="height:85px;width:430px;"> 
    <tr> 
     <td><input id="ContentPlaceHolder1_ckbLstPartner_0" type="radio" name="ctl00$ContentPlaceHolder1$ckbLstPartner" value="1" /><label for="ContentPlaceHolder1_ckbLstPartner_0">Yes</label></td><td><input id="ContentPlaceHolder1_ckbLstPartner_1" type="radio" name="ctl00$ContentPlaceHolder1$ckbLstPartner" value="0" /><label for="ContentPlaceHolder1_ckbLstPartner_1">No</label></td> 
    </tr> 
</table> 

     <br /> 
     <input name="ctl00$ContentPlaceHolder1$trSetPartnerNamesAvailability" type="text" id="ContentPlaceHolder1_trSetPartnerNamesAvailability" value="trSetPartnerNamesAvailability" /> 
     <input name="ctl00$ContentPlaceHolder1$trSetPartnerInfoAvailability" type="text" id="ContentPlaceHolder1_trSetPartnerInfoAvailability" value="trSetPartnerInfoAvailability" /> 
     <br /> 
     <br /> 
     <input name="ctl00$ContentPlaceHolder1$txtPartnersName" type="text" id="ContentPlaceHolder1_txtPartnersName" value="txtPartnersName" /> 
     <input name="ctl00$ContentPlaceHolder1$txtReqScoreCourseAccept" type="text" id="ContentPlaceHolder1_txtReqScoreCourseAccept" value="txtReqScoreCourseAccept" /> 
     <input name="ctl00$ContentPlaceHolder1$txtCourseAcceptNote" type="text" id="ContentPlaceHolder1_txtCourseAcceptNote" value="txtCourseAcceptNote" /> 
     <br /> 

을 , 내 js 코드가 작동하지 않습니다 (특히 "if ($("input[name='<%=ckbLstPartner.ClientID %>'][value='1']").prop("checked")) {}". 조건에 의해 유효하지 않음). 그래서 자바 스크립트에서 이름, ID, 클래스 (CSS 속성)를 찾는 방법을 알려주십시오.

마스터 로직 페이지를 사용하여 webforms에서 동일한 로직을 사용할 때 문제가 없습니다. .

감사 & 감사합니다 당신에 의해 값을 얻을 수 있습니다

답변

0

는 I는 이하의 코드를 이용하여이 문제를 해결 '1'] "). prop ("checked ")) 어떻게? 이것을 바탕으로 컨트롤을 보여 주거나 숨길 필요가 있습니다. 마스터 페이지를 열면 코드가 제대로 작동합니다. 콘텐츠 위치 홀더에 코드를 넣을 때 실패합니다.
0

.....

$ ("#의 ContentPlaceHolder1_trSetPartnerNamesAvailability") 발(); =

if ($("input[name='ctl00$ContentPlaceHolder1$ckbLstPartner'][value='1']").prop("checked")) {} 
+0

안녕하세요 muttu.i이 경우 ($ ("입력 [NAME ="<% = ckbLstPartner.ClientID %> '] 값을 확인해야 – Ajay

+0

하이 Muttu 내가 답변을했습니다. 후속 조치에 대한 감사. – Ajay