抓住点击输入类型“复选框”

Question

有没有办法捕获点击输入，只有输入类型设置为复选框？ 注意：我需要抓住点击而不使用任何课程或ID。

我试过以下：

$('input').on('click', function(){   
    if($(this).attr('type','checkbox')){
           alert("checkbox clicked");
        }
});

嗯，这不起作用，我也不知道其他任何方式。 JSFiddle：http://jsfiddle.net/x8utn/

Answer 1

你的jquery将是

$('input:checkbox').on('click', function(){   

           alert("checkbox clicked");
}); 

Demo

Answer 2

像这样使用

$('input[type="checkbox"]').on('click', function(){ 

Fiddle

或者你可以使用

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

Answer 3

代码错误：

$(this).attr('type') == 'checkbox'：获取属性，而不是$(this).attr('type','checkbox')：设置属性。

---

$('input')会将click事件绑定到所有输入元素。

<强> Demo

使用属性选择器[attr="value"]

$('input[type="checkbox"]').on('click', function(){..})   

或伪选择器:checkbox

$(':checkbox').on('click', function(){   })

旁注：更喜欢在输入元素上使用change事件。

Answer 4

你没有在if条件下正确使用attr类型。 你也可以用这种方式：

$('input').on('click', function(){ 
    if($('#check').is(":checked"))
        {
           alert("checkbox clicked");
        }
}); 

小提琴：http://jsfiddle.net/x8utn/2/