2010-04-28 6 views
0

나는 여러개의 드롭 다운 체크리스트가있는 페이지를 가지고 있으며 모두 체크 박스를 가지고있다. 문서 안에는 다음과 같은 간단한 코드가 있습니다.jQuery 드롭 다운 체크리스트 : jQuery click() 이상

$(":checkbox").click(alert('TEST')); 

페이지가 처음로드 될 때 경고가 발생합니다. 내가 원하는 것은 dropdownchecklist 박스 중 하나가 클릭되었을 때만 경고를 발령하는 것입니다. 나는 내가 여기에 지혜가 없다는 것을 안다. 누군가가 나를 계몽 할 수 있습니까?

문제를 설명하는 또 다른 방법은 "드롭 다운 체크리스트 확인란을 클릭하면 어떻게 기능을 활성화 할 수 있습니까?"입니다.

미리 감사드립니다.

답변

4

$ (": 체크 박스"). (function() {alert ('TEST');});

+0

David, 빠른 응답을 보내 주셔서 감사합니다. 물론 페이지로드시 그 일을 멈추게 만들었습니다. (남자는 내가 바보였습니다. LOL 덕분에). 그러나 드롭 다운 체크리스트 확인란을 클릭하면 경고가 발생하지 않습니다. 확인란 중 하나에 특정 클래스를 제공하고 다음을 시도해보십시오. $ (". specific_class"). (function() {alert ('TEST');}); 심지어 작동하지 않습니다. 다른 셀렉터가 필요해? –

+1

클릭 바인딩 코드는 어디에 있습니까? 브라우저가 실제로 체크 박스 목록을 렌더링하기 전에 일어날 수 있으므로 "YET!"과 일치하지 않습니다. $ {document} .ready (function() {$ (": checkbox")}에 넣으십시오. (function() {alert ('TEST');});}); 그리고 이미 document.ready 코드를 가지고 있다면 체크 박스 목록을 렌더링 한 후에 그 내용을 확실히 확인하십시오 – David

+0

당신이 틀렸을 때, 나는 틀린 장소에 성명서를 남겼습니다. 그러나, 나는 또한 (Firebug를 통해) dropdownchecklist 플러그인이 div의 각 선택 옵션을 "ui-dropdownchecklist-item"클래스로 래핑한다는 것을 알아 냈습니다. 그래서 나는 $ ('.ui-dropdownchecklist-item'). children()에 의해 그 클래스 나 div의 자식들을 선택함으로써 전체 div를 얻을 수있다. 고마워! 기타 세부 사항 : 나의 체크 박스에는 라벨이 있습니다. 라벨의 오른쪽을 클릭하면 자녀가 아닌 부모를 클릭합니다. 이제는 .ui-dropdownchecklist-item 클래스와 그 자식에 대한 함수를 호출해야합니다. 도와 주셔서 감사합니다! –

관련 문제