選擇所有功能複選框

Question

在下面的代碼我試圖實現全選functionality.when我clcik上選擇的所有複選框的複選框命名爲STS沒有得到selected.what我做錯了

$(document).ready(function() { 
$("#selectall").click(function() 
    { 
     var checked_status = this.checked; 
     $(".sts").each(function() 
     { 
      this.checked = checked_status; 
     }); 
    }); 
    }); 
    var ele1 ='<table cellpadding="0" cellspacing="0" border="1" ><tr><th style="width:100px;" ><p align="center">Select all students</p><p align="center"><input type="checkbox" name="sts" class="sts" id="selectall" /></p></th><th><p align="center">Student name</p></th><th><p align="center">Select Grade</p></th><th><p align="center">Certificates</p></th></tr>'; 
    for(var l=0;l<data.studentarr.length;l++) 
    { 
     ele1 += '<tr id="s_r_' + data.studentarr[l].id + '" class="students1"><td align="center" style="width:100px;"><input type="checkbox" class="sts" name="sts" /></td><td align="center">' + data.studentarr[l].name +'</td><td align="center">' + getgrade_values(data.studentarr[l].id) + '</td><td>' + data.studentarr[l].download_link + '</td></tr>'; 
    } 
    ele1 += "</table>"; 
    $('#student_table').append(ele1); 

Answer 1

你動態創建全選複選框，因此您應該使用live或delegate來綁定click事件。

試試這個：

$("#selectall").live("click" , function() 
    { 
     var checked_status = this.checked; 
     $(".sts").not(this).each(function() 
     { 
      this.checked = checked_status; 
     }); 
    }); 
    });