首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > ASP >

js全选?该如何解决

2012-03-21 
js全选?在一个页页上,有如下代码:input typecheck namechkSelectAll idchkSelectAll全选input

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");
}

热点排行
Bad Request.