jquery使用attr,removeAttr二次无法选中的问题解决办法

大概需求是这样，我一张页面有个按table的循环，每个table里第一行是个“全选”按钮，点击此按钮可以控制下面的checkbox反选，第二行有若干checkbox，也就是第一行要控制的那些多选按钮。一开始使用的juqery方法attr和removeAttr，反现在最新的jquery里，当执行完removeAttr后，再使用attr("checked",true)已经无效了。经查是新版本的jquery使用prop方法了。以下是代码部分。

大概代码如下：

function selBox(oid){  
  $("#offer"+oid+" input[name='orderno']").each(function(){ 
  if($(this).is(':checked')) 
  {     
    $(this).prop("checked",false); 
  } 
  else 
  { 
    $(this).prop("checked",true); 
  } 
  });
}

上面是要执行的js函数，在table里的全选按钮添加点击处理即可，如：

<table>
   <tbody>
    <tr>
     <td><input type="button" onclick="selBox(1)" value="全选" /></td>
    </tr>
    <tr id="offer1">
     <td>
<input type="checkbox" name="orderno" value="1" />
<input type="checkbox" name="orderno" value="2" />
<input type="checkbox" name="orderno" value="3" />
      </td>
    </tr>
   </tbody>
  </table>