页面上任意复选框上的功能更改

时间:2013-02-09 21:42:22

标签: javascript jquery

我一般都是JQuery的新手,我希望在选中或不检查页面上的任何复选框时激活一个功能。然后它应该检查复选框被“检查”的状态。

我不知道该怎么做,因为我看过的所有例子都需要复选框的名称才能工作。如果这是在Javascript中,我会没事的。

有人有什么想法吗?

2 个答案:

答案 0 :(得分:4)

$('input[type="checkbox"]')会选择您网页上的所有复选框。

当您更改任何复选框时,以及选中时,以下内容将运行一个函数:

$('input[type="checkbox"]').change(function(){
    if($(this).is(':checked')) {//do something}
})

答案 1 :(得分:1)

动态绑定您的复选框以更改事件,并检查它们是否已被选中,然后执行您选择的功能。

$(document).on("change", ".chkelement", function(){
   if( $(this).is(":checked") )
   {
      //DO SOMETHING
   }
});

我建议使用“文档”以外的容器,尽可能靠近复选框的位置,但是你明白了吗?