idの宛先を持つjQueryのチェックアール

Question

このチェックボックスをオンにすると、チェックボックスをチェックすると削除ボタンとビューが有効になり、チェックボックスがオフの場合は削除ボタンと表示ボタンが無効になり、チェックボックスが作成されます。チェックボックスはすべてチェックされますが、チェックボックスの各行はIDが定義されていません

どのようにIDを各行に入れることができますか？あなたは私を与えることができます例（のみ）すべてのボタンを削除？

は、ここに私のスクリプト

jQuery(".checkall").click(function() { 
    var checkall = jQuery(this); 
    var id = checkall.attr("data-id"); 
    var parent = checkall.closest("tr"); 

    var checkbox = jQuery(".rows"); //call rows 
    var id1 = checkbox.attr("data-id"); //giving id per rows 
    var parent1 = checkbox.closest("tr"); //call aligned rows   
    var viewbutton = parent1.find(".view"); //finding the view links of whole line per rows 
    var href = "personal_information.php?id=" + id1; //give the links with id 

    var deletebutton = parent1.find(".delete"); 
    var href1 = "delete.php?id=" + id1; 

    if (checkall.is(":checked")) { 
    if (jQuery(".rows input[type='checkbox']").prop("checked", true)) { 
     // jQuery(id).each(function(){ 
     viewbutton.removeClass("color"); 
     viewbutton.attr("href", href); 
     deletebutton.attr("href", href1); 
     deletebutton.removeClass("gray"); 
    } 
    } else { 
    if (jQuery(".rows input[type='checkbox']").prop("checked", false)) { 
     viewbutton.addClass("color"); 
     viewbutton.attr("href", "javascript:void(0);"); 
     deletebutton.attr("href", "javascript:void(0);"); 
     deletebutton.addClass("gray"); 
    } 
    } 
}); 

であり、ここで、この時点で立ち往生プログラミングとイムを勉強ROWの表示

<table><form> 
    <tr> 
     <th><input type="checkbox" class="checkall"></th> 
     <th style="width:100px;"><center>Last Name</center></th> 
     <th style="width:100px;"><center>First Name</center></th> 
     <th style="width:auto;"><center>Email</center></th> 
     <th style="width:100px;"><center>Birthday</center></th> 
     <th style="width:auto;"><center>Action</center></th> 
    </tr> 
    <?php 
    while($row = mysql_fetch_array($result)) 
    { 
     echo "<tr class='rows' id='".$row['id']."'>"; 
     echo "<td>"; 
     echo "<input type='checkbox' data-id='".$row['id']."'>"; // data-id the id per row 
     echo "<td>".$row['lastname']."</td>"; 
     echo "<td>".$row['firstname']."</td>"; 
     echo "<td>".$row['email']."</td>"; 
     echo "<td>".$row['bdate']."</td>"; 
     echo "<td><center>"; 
     echo "<a href='javascript:void(0);' style='text-decoration:none' class='btn delete gray'>DELETE</a> "; 
     echo "<a href='javascript:void(0);' style='text-decoration:none' class='btn view color'>VIEW</a> "; 
     echo "</td></center></td>"; 
     echo "</tr>"; 

    } 
    ?> 
</form></table> 

イムのために私のコードです。

Answer 1

あなたはこのように試すことができます：ここ

jQuery(function() { 
     jQuery(".checkall").click(function() {  
      var checkall = jQuery(this); 
      var allCheckboxChecked = checkall.is(":checked");    
      var allRows = jQuery("tr.rows"); 

      jQuery.each(allRows, function(index, row){ 
       var jquery_row = jQuery(row);  
       var id = jquery_row.attr("id"); 

       var href = "personal_information.php?id=" + id; 
       var viewbutton = jquery_row.find(".view"); 

       var href1 = "delete.php?id=" + id; 
       var deletebutton = jquery_row.find(".delete"); 

       jquery_row.find("input[type='checkbox']").prop("checked", allCheckboxChecked); 
       if (allCheckboxChecked) { 
        viewbutton.addClass("color"); 
        viewbutton.attr("href", href);      

        deletebutton.addClass("gray"); 
        deletebutton.attr("href", href1); 
       } else { 
        viewbutton.removeClass("color"); 
        viewbutton.attr("href", "javascript:void(0);"); 

        deletebutton.removeClass("gray"); 
        deletebutton.attr("href", "javascript:void(0);");    
       } 
      }); 
     }); 
    }); 

Answer 2

は、このコードが行