2011-08-30 4 views
0

나는 그것이로드 때 페이지에있는 경우 작동이 HTML을 가지고 :인라인 온 클릭 이벤트는 아약스 응답에 작동하지

<input type="checkbox" name="originBusDock" value="Y" /> 
<label for="originBusDock" onclick="document.booking.originBusDock.checked=(!document.booking.originBusDock.checked);">Loading Dock</label> 

가, 그리고 경우 확인 옆에 내가 라벨, 체크 박스를 클릭하면 다시 클릭하면 선택이 취소됩니다.

내 문제는 동일한 코드로 AJAX 호출의 응답 데이터로 빈 div를 채우는 경우 onclick 이벤트가 작동하지 않는다는 것입니다. "DOM에 리바 인드"해야하는 것으로 보입니까 ?? 내가 찾을 수있는 것에서부터 어떻게 할 것인가? 체크 박스의 수는 가변적이며 이름은 서로 다릅니다. 페이지에 원본 페이지로드에서 영향을 미치기를 원하지 않는 다른 확인란이 있습니다. 나는 이것을 보았습니다 : onclick event on Ajax output하지만 고정 ID를 사용하고 AJAX 호출에서 동적으로 생성되므로 ID 이름이 무엇인지 미리 알지 못할 것입니다. 희망이 맞는 것 같습니다. TIA

답변

1

레이블은 id 속성이 아닌 name에 따라 다른 요소에 부착, 그래서 당신이 있는지 확인하는 경우 다음과 같이 입력은 id 있습니다

<input type="checkbox" id="originBusDock" name="originBusDock" value="Y" /> 
<label for="originBusDock">Loading Dock</label> 

다음 필요가 없습니다 ... onclick 이벤트는 레이블을 클릭하면 자동으로 관련 확인란을 토글합니다. 독로드 <= "destinationBusDock"ID = "destinationBusDock"에 대한 라벨> <입력 이름 = "destinationBusDock"값 = "Y"유형 = "체크 박스"> :

+0

나는 내가 그 시도 생각하지만 내가 한 일은이었다 입력 해 주셔서 감사합니다. – user596785

+0

사실, 이것이 내 문제를 해결할 수 있지만, 제 질문에 대해서는 대답하지 않습니다. 내가 AJAX 응답으로 돌아 왔을 때 onclick에서 인라인 자바 스크립트를 실행하려면 어떻게해야합니까? – user596785

+0

죄송합니다. 실제로 질문에 답하지 않고 솔루션을 제공했음을 알게되었지만 실제로 대답이 무엇인지 확신 할 수 없습니다. 나는 인라인 onclick이 너처럼 일하기를 기대 했었을 것이다. 그 시점에서 존재하지 않는 다른 요소들을 참조하려고하지 않는다고 가정 할 때. 그래도'document.booking.originBusDock' 구문을 사용하지는 않을 것입니다. ID를 부여하고'document.getElementById()'를 사용합니다. – nnnnnn

관련 문제