javascript - 使用 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