Javascript jquery和分组复选框

这就是我所拥有的：

<script src="scripts/jquery-1.3.2.js" type="text/javascript"></script> 
<script>
   $().ready(function() {
     var allVals = [];
     $("input[name^=utType]").each(function() {
       var input = $(this);   
       var name = input.attr('name');    
       var num = /\d+$/.exec(name)[0]; 
       if ($(this).checked) {
         allVals.push($(this).val());
         alert(allVals);
       }
     });
   });
</script>

$（）.ready（函数（））{
var-allVals=[]；
$（“输入[name^=utType]”）。每个（函数（）{
var输入=$（此）；
var name=input.attr（'name'）；
var num=/\d+$/.exec（名称）[0]；
如果（$（this）.checked）{
allVals.push（$（this.val（））；
警报（ALLVAL）；
}
});
});

我有一张表格，上面写着：

<form action="" method="post">
  <table width="70%" cellspacing="3" cellpadding="3">
    <tr>
      <td align="center">
        <label>All</label><br />
        <input type="checkbox" name="utType1" id="utType1" value="all">
      </td>
      <td align="center">
        <label>E</label><br />
        <input type="checkbox" name="utType1" id="utType1" value="e">
      </td>
      <td align="center">
        <label>G</label><br />
        <input type="checkbox" name="utType1" id="utType1" value="g">
      </td>
      <td align="center">
        <label>S</label><br /> 
        <input type="checkbox" name="utType1" id="utType1" value="w">
      </td>
      <td align="center">
        <label>W</label><br />
        <input type="checkbox" name="utType1" id="utType1" value="s">
      </td>
    </tr>
    <tr>
      <td align="center">
         <label>All</label><br />
         <input type="checkbox" name="utType2" id="utType2" value="all">
      </td>
      <td align="center">
        <label>E</label><br />
        <input type="checkbox" name="utType2" id="utType2" value="e">
      </td>
      <td align="center">
        <label>G</label><br />
        <input type="checkbox" name="utType2" id="utType2" value="g">
      </td>
      <td align="center">
        <label>S</label><br /> 
        <input type="checkbox" name="utType2" id="utType2" value="w">
      </td>
      <td align="center">
        <label>W</label><br />
        <input type="checkbox" name="utType1" id="utType1" value="s">
      </td>
    </tr>
  </table>

</form>

全部

E

G

S

W

全部

E

G

S

W

我需要做的几件事：如果选中了“All”，则选中同一

中的所有其他复选框；如果其中一个未选中，则取消选中该行中的“全部”复选框。此外，我必须使用id存储每一行的检查值以处理表单。 Grr，今天不是我的日子。

请在上尝试代码。输入的名称不再重要，因为代码基于关系（父-兄弟-子等）工作

就接收端的PHP脚本而言，分组的复选框应命名为

foo[]

，或类似名称。相同的ID也无效。由于表单不需要提交all复选框，因此它的

名称已被删除，并替换为类

一些HTML内容也被修复：
是一个自动关闭的标记，有比
align=“center”
更好的方法来居中表。
我不得不将脚本修改为：$（）.ready（function（）{var allVals=[]；$（“input[name^=utType]”）。each（function（）{var input=$（this）；var name=input.attr（'name'））；var num=/\d+$/.exec（name）[0]；$（this）.单击（函数（）{if（$（“#utType”+num）.attr（'checked'，true））{allVals.push（$（this.val（））；alert（allVals）；}}}）；还没有。一个错误：元素的“id”属性在页面上必须是唯一的。并将其与use e一起使用