日期:2014-05-17  浏览次数:20764 次

js全选?
在一个页页上,有如下代码:

<input type="check" name="chkSelectAll" id="chkSelectAll">全选
<input type="checkbox" name="chk11" id="chk11" value="11">11
<input type="checkbox" name="chk21" id="chk21" value="21">21
<input type="checkbox" name="chk31" id="chk31" value="31">31


<input type="check" name="chkPNSAll" id="chkPNSAll">全选2
<input type="checkbox" name="PN12" id="PN12" value="12">12
<input type="checkbox" name="PN22" id="PN22" value="22">22
<input type="checkbox" name="PN32" id="PN32" value="32">32


怎么样写js脚本,单击全选时,选中chk11,chk21,chk31的checkbox

单击全选2时,选中PN12,PN22,PN32的checkbox

谢。





------解决方案--------------------
如果是固定个数的,直接在onclick的函数写。

<input type="check" name="chkSelectAll" id="chkSelectAll" onclick="abc(this)">

function abc(obj)
{
form1.chk11.checked = obj.checked;
form1.chk21.checked = obj.checked;
form1.chk31.checked = obj.checked;
}
------解决方案--------------------
用jquery
function chk(obj)
{
$(this).siblings(":checkbox[name^='chk']").attr("checked","checked");
}

function PN(obj)
{
$(this).siblings(":checkbox[name^='PN']").attr("checked","checked");
}