Question

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

我将所有复选框放在表格中以清楚显示，并希望选中input中带有值的所有复选框。

例如，当我单击带有值type1的复选框时，将同时检查包括type1在内的所有复选框值（type1，type1-1和类型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

使用jquery在复选框中选中具有特定值的all

1 个答案: