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

来源:互联网 发布:scx 3406w 网络设置 编辑:程序博客网 时间:2024/05/16 17:51

大概需求是这样,我一张页面有个按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>

阅读全文
0 0