2013-07-04 1 views
-2

대상을 찾는 방법은 확인란입니까?문서에서 체크 박스에서 대상을 찾는 방법을 클릭하십시오?

$(document).click(function(e) { 
    // Do things 
}); 

어떻게 찾는가? 확인란을 선택하면이 이벤트를 진행할 필요가 없습니다.

+0

는 "체크 박스에 대상을 찾아"무엇을 의미합니까? – Blender

+0

@Blender 나는 클릭 한 객체를 의미한다 – Ragavan

+0

자바 스크립트를 배우려고 했습니까? –

답변

3

모든 요소 (*)에 대한 클릭을 감지 할 수 있으므로 $(this)을 사용할 수 있습니다.

JSFIDDLE

당신이 클릭 를 검색하도록하려면

$("*").on("click", function (e) { if ($(this).attr("type") === "checkbox") { alert("Checkbox click!"); } }); 

체크 박스에 input[type='checkbox'] 선택기를 사용합니다. @XAOPT처럼
$("input[type='checkbox']").click(function(){ 
    ... 
}); 

우리는 또한 e.srcElement를 사용하여 체크 박스가 있는지 확인 후 document에 클릭을 감지 할 수있다.

$(document).click(function(e) {  
    if(e.srcElement == "checkbox") { 
     alert("Checkbox click!"); 
    } 
}); 

JSFIDDLE

+0

첫 번째 제안 ('$ ('*')'을 사용)은 정말 나쁜 생각이다. 대형 페이지에있는 경우 모든 요소를 ​​통과하는 데 오랜 시간이 걸릴 수 있습니다. 이미 가지고있는 것을 사용하는 것이 훨씬 낫습니다. 두 번째 부분은 이미 @Derek 朕 會 功夫에게 3 분 전에 제안되었다. – kalley

+0

@kalley 그러나 OP 질문에 대한 답변 : 그는 ** 클릭 된 ** 요소가 체크 박스인지 확인하려고합니다. 즉, 요소에 대한 클릭을 감지 한 다음 "실제로는 확인란입니까?"를 확인해야합니다. –

+1

그렇다면 @XAOPT 응답은 동일한 것을 수행하고 모든 요소에 불필요한 클릭 이벤트를 첨부하지 않기 때문에 더 낫다고 말할 수 있습니다. – kalley

1
$(document).on('click', ':checkbox', function() { 
    // do things 
}); 

문서에 대한 일반적인 클릭을 필요로하고 대표단을 직접 할 이유가 ... 거기 않는

+0

': checkbox'는 네이티브 selector가 아니므로'input [type = "checkbox"]'를 사용하고 싶을 수도 있습니다. – Blender

+0

@Blender -'checkbox'가 맞습니까? –

+0

@Derek 朕 會 功夫 : 네. – Blender

1

JQuery와 선택은 당신을 위해 작업을 수행 할 수 있습니다

$("input[type=checkbox]").click(function(){ 
    ... 
}); 
0

$ ("input [type = ' 체크 박스 ']' ').) (function() {

});

2

또는

$(document).click(function(e) {  
    if(e.srcElement.type == 'checkbox') 
     alert('checkbox'); 
}); 
관련 문제