javascript - 动态填充复选框并在勾选函数调用服务器端

Question

我需要创建一个包含动态填充的复选框行的表。复选框列表将根据他们所在的公司而变化

例如:第一家公司:苹果 friend

 Name     email        iPhone   iPad  macbook  macpro 
 john  jo@mail.com      ckb      ckb     ckb      ckb
 Mel   mel@mail.com     ckb      ckb     ckb      ckb 

第二家公司:Mirco Friends

 Name     email        windows   office 
 jav   jav@mail.com      ckb      ckb    
 Kel   Kel@mail.com      ckb      ckb   

如果这是可行的，我该如何创建一个方法来捕获复选框的任何更改事件？

普通的复选框更改功能:

$('#checkbox1').change(function())

但是我们如何为动态定义的复选框编写代码或 id 呢？

我知道这看起来像是两个问题，但第二个问题与第一个问题相关。

感谢您的帮助

Answer 1

大致的想法是，循环遍历每个选中的复选框，然后获取该复选框的 id，如果你能获取到 id，我相信你可以使用你得到的 id 轻松地做任何你想做的事情

$(':checked').each(function(){
    var $this = $(this);

    console.log($this.attr('id'));

});

已更新

$(':checkbox').change(function(){
    var $this = $(this);

    console.log($this.attr(id)); // u get the id here if any checkbox is tick/untick

    if ($this.prop("checked")){
        //do something when it is checked
    }else{
        //do something when it is unchecked
    }

});