JQuery Checkbox事件

时间:2012-06-25 12:50:41

标签: jquery events checkbox

我有以下小提琴1 http://jsfiddle.net/y6tCt/35/。我需要动态构建checkbox列表,但是现在我已经硬编码了两行。当我点击其中一个checkbox时,它没有调用'change'事件。

如果有人能看一眼让我知道我做错了什么,我将不胜感激。

3 个答案:

答案 0 :(得分:2)

问题是你的dom在buildHTML()之前已经准备就绪;已经跑完了。

调用buildHTML();如下

$(document).ready( function() {
     buildHTML();
     $(":checkbox").change(function() {

        alert("here");

     });});

答案 1 :(得分:1)

你可以使用jquery live,因为它适用于动态创建的元素。

$(":checkbox").live('change', function() {

http://jsfiddle.net/y6tCt/42/

答案 2 :(得分:0)

查看现在正在运行的脚本http://jsfiddle.net/y6tCt/46/

这是我更改的脚本,

buildHTML();
$(":checkbox").click(function() {
            if( $(this).is(':checked') ) {
         alert("Checked");
            } else {
                alert('Unchecked');
            }

        });});