CheckBox全选与反选，用JS实现

[梵]

要求：点击cb1对cblist1进行选择转换；如果点击cb2就对cblist2进行选择转换。

已有客户端代码：
<asp:CheckBox runat="server" ID="cb1" Checked="true" Text="全选"/>
<S:CheckBoxListControl runat="server" ID="cblist1" RepeatColumns="5"/>

<asp:CheckBox runat="server" ID="cb2" Checked="true" Text="全选"/>
<S:CheckBoxListControl runat="server" ID="cblist2" RepeatColumns="5"/>

已有服务端代码：
cb1.Attributes["onClick"] = "cbOnclick()";
cb2.Attributes["onClick"] = "cbOnclick()";

给这两个加的同一个点击事件，()之间肯定要传值对点击的控件进行区分的。问题就是不知道传什么。还有funtion里面怎么写？

[孟子E章]

cb1.Attributes["onClick"] = "cbOnclick(this,'" + cblist1.ClientID + "')";
cb2.Attributes["onClick"] = "cbOnclick(this,'" + cblist2.ClientID + "')";


function cbOnclick(x, y) {
xs = document.getElementById(y).getElementsByTagName("input")
for (i = 0; i < xs.length; i++) {
if (xs[i].type == "checkbox") xs[i].checked = x.checked
}
}

[anzhiqiang_touzi]

cb1.Attributes["onClick"] = "cbOnclick(this,'" + cblist1.ClientID + "')";
cb2.Attributes["onClick"] = "cbOnclick(this,'" + cblist2.ClientID + "')";


function cbOnclick(x, y) {
xs = document.getElementById(y).getElementsByTagName("input")
for (i = 0; i < xs.length; i++) {
if (xs[i].type == "checkbox") xs[i].checked = x.checked
}
}

[梵]

[Quote=引用 1 楼 的回复:]
cb1.Attributes["onClick"] = "cbOnclick(this,'" + cblist1.ClientID + "')";
cb2.Attributes["onClick"] = "cbOnclick(this,'" + cblist2.ClientID + "')";


function cbOnclick(x, y) {
xs = document.ge……
[/Quote]

这个我试了下，单独出来做个示例可以用，但是在我的那个程序里用不了。
S:CheckBoxListControl 是一个自定义用户控件，类似asp:CheckBoxList，但是有些不同的。
之前有人给我写过次，但是代码弄丢了...
我记得他用了JQuery一句搞定的

[色拉油]

不会是用的伪类选择器吧 $("input:checked")

[色拉油]

全选 function checkboxall(){
$("input[@type='checkbox']").each(function(){
$(this).attr("checked",true);
});

}

[色拉油]

反选

function rcheckboxall(){
$("input[@type='checkbox']").each(function(){
if($(this).attr("checked")){
$(this).attr("checked",false);
}else{
$(this).attr("checked",true);
}
});

}

[ycproc]

<script language="JavaScript" type="text/javascript">
function checkall(form){
for (var i=0;i<form.elements.length;i++){
var e = form.elements[i];
if (e.name != 'chkall') e.checked = form.chkall.checked;
}
}
</script>

在你需要的地方onClick="checkall(this.form)"调用即可

[小步快跑-]

checkall=function(class){
$(':checkbox .'+class).each(function(){
$(this).attr("checked",true);
});
}

[孟子E章]

[Quote=引用 3 楼 only1573 的回复:]

引用 1 楼 的回复:
cb1.Attributes["onClick"] = "cbOnclick(this,'" + cblist1.ClientID + "')";
cb2.Attributes["onClick"] = "cbOnclick(this,'" + cblist2.ClientID + "')";


function cbOnclick(x, y) {
xs ……
[/Quote]

看你生成的html里面的代码分布，尤其是CLientID必须使用这个

[梵]

[Quote=引用 5 楼 的回复:]
全选 function checkboxall(){
$("input[@type='checkbox']").each(function(){
$(this).attr("checked",true);
});

}
[/Quote]

有点类似了，我记得他的代码里也有[]，就对这个记忆深刻..还有传两个参数的

[梵]

[Quote=引用 8 楼 的回复:]
引用 3 楼 only1573 的回复:

引用 1 楼 的回复:
cb1.Attributes["onClick"] = "cbOnclick(this,'" + cblist1.ClientID + "')";
cb2.Attributes["onClick"] = "cbOnclick(this,'" + cblist2.ClientID + "')";


function ……
[/Quote]
之前没加上这个this，我刚给它加上了，传的参数是这两个没错了。
我弹出看了下：x:[object HTMLInputElement],y:ContentPlaceHolderRight_cblist1
alert(xs);这个没有弹出。
消息栏提示：网页上有错误。

贴一部分编译后的代码：
<div style="float:left">
<input id="ContentPlaceHolderRight_cb1" name="ctl00$ContentPlaceHolderRight$cb1" checked="checked"
onclick="cblOnclick(this,'ContentPlaceHolderRight_cblist1');" />
<label for="ContentPlaceHolderRight_cb1">全部业务模块</label>
</div>
<div id="div_ContentPlaceHolderRight_cblist1" style="display:inline;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td nowrap="nowrap">
<table id="ContentPlaceHolderRight_cblist1_chkValue">
<tr>
<td>
<input id="ContentPlaceHolderRight_cblist1_chkValue_0" name="ctl00$ContentPlaceHolderRight$cblist1$chkValue$0" checked="checked" />
<label for="ContentPlaceHolderRight_cblist1_chkValue_0">客户</label>
</td>

<td><input id="ContentPlaceHolderRight_cblist1_chkValue_1" name="ctl00$ContentPlaceHolderRight$cblist1$chkValue$1"/>
<label for="ContentPlaceHolderRight_cblist1_chkValue_1">销售机会</label></td>
.......
</tr>
</table>
.......

[ltcszk]

你可以根据class来选需要勾哪些

checkall=function(class){
$(':checkbox .'+class).each(function(){
$(this).attr("checked",true);
});
}

[hch126163]

分 2个 方法写嘛

要不就传参，区分，控制那个列表

[梵]

效果出来了。
代码：
cb1.Attributes["onClick"] = "cbOnclick(this,'" + cblist1.ClientInstanceName+ "')";
cb2.Attributes["onClick"] = "cbOnclick(this,'" + cblist2.ClientInstanceName+ "')";


function cbOnclick(x, y) {
xs = document.getElementById(y).getElementsByTagName("input")
for (i = 0; i < xs.length; i++) {
if (xs[i].type == "checkbox") xs[i].checked = x.checked
}
}

就是把传的值由ClientID改为了ClientInstanceName。
之前用不了就是因为document.getElementById(y)取不到值

[梵]

问题解决了，结贴。
谢谢参与过回答的朋友们。