在更改div内的任何复选框时触发一个函数

时间:2015-12-23 21:50:21

标签: javascript jquery html css checkbox

假设div中有多个复选框(称之为“startwars”)我知道如果通过执行以下操作来改变或点击整个页面上的复选框状态,如何检查并触发函数:

$('input[type=checkbox]').click(function() {
    console.log("somethign is checked on the page")
});

但如果我想将该范围限制为div并检查是否有任何复选框状态被更改/点击在div内部,

如果使用JQuery在div元素中更改/单击任何复选框,我想触发一个函数

2 个答案:

答案 0 :(得分:16)

在想要限制范围的div中添加一个类或id,并在jQuery的选择器中使用它

<div class='limited'>
    <input type='checkbox' />
</div

JS

$('.limited input[type=checkbox]').change(function() { // while you're at it listen for change rather than click, this is in case something else modifies the checkbox
    console.log("something is checked on the page")
});

答案 1 :(得分:1)

您可以通过向想要发生事件的div添加ID或类来执行此操作,如下所示:https://jsfiddle.net/oa9wj80x/10/

# exclude files from rewriting
RewriteCond %{REQUEST_FILENAME} !-f

# special rewrite
RewriteRule ^my-special-keyword/(.*)$ /index.cfm/something/cool/$1 [NS,L]

# basic rule
RewriteRule ^(.*)$ /index.cfm/$1 [NS,L]