Question

$('#Container').append('<input type="checkbox" id = '+ data[i].name + '/> ' + data[i].name + '<br />');

上面的代码在方框A（div）中显示了几个复选框。如果我在框A中选中一个复选框，我会将该值发送到数据库，然后它将获取将在框B中显示的值。

例如，如果我在框A中选择2个复选框，我会将这些值发送到数据库，它将获取相应的值并在框B中显示它们。

 $('#checkbox').change(function() {

我想知道#checkbox指的是什么。它是复选框或其他内容的ID吗？

有没有办法实现这个？

Answer 1

是的，它是一个id ..

$('#checkbox') <-- refers to an element  having an id as "checkbox" it might be div or checkbox or any element whose id is equal to checkbox. 
$('.checkbox')  <--refers to an element  having class as "checkbox"
$('input:checkbox') <--- refers to all input with type checkbox

浏览文档以了解有关selectors

的更多信息

<强>更新

例如

$('#Container').append('<input type="checkbox" class="ckbox" id = '+ data[i].name + '/> ' + data[i].name + '<br />');
$('#Container').append('<input type="checkbox" class="ckbox" id = '+ data[i].name + '/> ' + data[i].name + '<br />');

调用类选择器

$('#Container').on('change','.ckbox',function(){
    var  selectedValue = $("input.ckbox:checked").map(function(n){
        return this.value;
    });
   alert(seletedValue.join(','));
});

on()因为检查是动态添加的，因此必须委托事件发生变更事件。

选中复选框时加载相关复选框

1 个答案: