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