使用jquery检查复选框中具有特定值的所有内容

Question

当我想使用 jquery 开发 checkall 功能时遇到了一些问题。

我将所有复选框放在表中以使其清楚，并希望检查所有具有 input 值的复选框。

例如，当我单击值为type1 的复选框时，将检查包括type1 在内的所有复选框值（type1、type1-1 和 type 1-2）。

HTML：

<table>
    <tr class='type1'>
      <td><input type="checkbox" value="type1"></td>
      <td>Type_1<td>
    </tr>
    <tr class='type1-1'>
      <td><input type="checkbox" value="type1-1"></td>
      <td>Type_1-1<td>
    </tr>
    <tr class='type1-2'>
      <td><input type="checkbox" value="type1-2"></td>
      <td>Type_1-2<td>
    </tr>
    <tr class='type2'>
      <td><input type="checkbox" value="type2"></td>
      <td>Type_2<td>
    </tr>
    <tr class='type2-1'>
      <td><input type="checkbox" value="type2-1"></td>
      <td>Type_2-1<td>
    </tr>        
</table>

jquery 可以做到吗？

谢谢。

Answer 1

你可以这样做：

$(':checkbox').change(function() { 
   var chkValue=$(this).attr("value");   
   if($(this).is(':checked'))
   {    
      $(':checkbox[value*="'+chkValue+'"]').prop('checked', true);
      //use selector^= OR selector*= as per your need
   }
   else
   {
      $(':checkbox[value*="'+chkValue+'"]').prop('checked', false);
   }
}); 

FIDDLE DEMO