2017-12-08 4 views
0

클라이언트 측 코드를 아래와 같이 렌더링하는 서버 측 RadioButtonList 컨트롤이 있습니다. 보시다시피 라디오 버튼을 클릭하면 경고 메시지를 표시하기 위해 클라이언트 측 javascript를 첨부했습니다. 이것은 온라인에서 본 예제와 일치합니다. 그러나 라디오 버튼을 클릭해도 경고가 표시되지 않습니다. 콘솔에 오류가 표시되지 않습니다. 무엇이 잘못 될 수 있습니까? 나는 순수한 자바 스크립트 만 사용할 수 있고 jQuery는 사용할 수 없다. 최신 Chrome 브라우저에서 실행하고 있습니다. 반드시Webforms - RadiobuttonLists 클라이언트 측 클릭 이벤트가 작동하지 않습니다.

<span id="ctl00_ContentPlaceHolder1_rblApartmentType"> 
    <input id="ctl00_ContentPlaceHolder1_rblApartmentType_0" type="radio" name="ctl00$ContentPlaceHolder1$rblApartmentType" value="1" onclick="javascript:alert('1');"> 
    <label for="ctl00_ContentPlaceHolder1_rblApartmentType_0">Apartment</label> 
    <input id="ctl00_ContentPlaceHolder1_rblApartmentType_1" type="radio" name="ctl00$ContentPlaceHolder1$rblApartmentType" value="2" onclick="javascript:alert('2');"> 
    <label for="ctl00_ContentPlaceHolder1_rblApartmentType_1">Town Home</label> 
    <input id="ctl00_ContentPlaceHolder1_rblApartmentType_2" type="radio" name="ctl00$ContentPlaceHolder1$rblApartmentType" value="3" checked="checked" onclick="javascript:alert('3');"> 
    <label for="ctl00_ContentPlaceHolder1_rblApartmentType_2">Condo</label> 
</span> 
+1

이 예는 나를 위해 작동 ... : 생각 - 얼굴 : 이 https://codepen.io/anon/pen/POMbqo –

+0

이 사람은 온 클릭을 사용 말한다 >> https://juristr.com/을 블로그/2008/06/attachment-client-side-event-handler-to /하지만 onClick과 함께 작동시키지는 못합니다. onChange를 사용하여 작동했습니다! :/ – user20358

+0

우리는 서버 측에 액세스 할 수 없으므로 개발자 도구를 배우는 데 시간을 할애 할 것을 권장합니다. 서버 측에서 코드를 생성 한 후 현재 요소를 검사하십시오. onClick 요소가 있는지 확인하십시오. –

답변

0

하지 대답하지만, 볼, 거기에 사촌 S/T 연산의 렌더링 이상한 :

페이지 :

<asp:RadioButtonList ID="RadioButtonList1" runat="server"> 
    <asp:ListItem Text="a" Value="1" onclick="alert('1');"></asp:ListItem> 
    <asp:ListItem Text="b" Value="2" onclick="alert('2');"></asp:ListItem> 
</asp:RadioButtonList> 

는 렌더링과 같은 :

<table id="RadioButtonList1"> 
    <tbody> 
    <tr> 
     <td> 
     <input id="RadioButtonList1_0" type="radio" 
      name="ctl00$MainContent$RadioButtonList1" value="1" onclick="alert('1');"> 
     <label for="RadioButtonList1_0">a</label></td> 
    </tr> 
    <tr> 
     <td> 
     <input id="RadioButtonList1_1" type="radio" 
      name="ctl00$MainContent$RadioButtonList1" value="2" onclick="alert('2');"> 
     <label for="RadioButtonList1_1">b</label></td> 
    </tr> 
    </tbody> 
</table> 

참고, 나는 또한 web.config에서 ID를 사용하여 렌더링 할 때 ID가 너무 미친 것은 아닙니다 (ctl00$... :

<system.web> 
    <pages clientIDMode="Static">