var checkflag = "false";
function qx(field,id)
{
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "false"; }
else
{
for (i = 0; i < field.length; i++) {
field[i].checked = false;}
checkflag = "false";
return "false";
}
}
上面这个代码是全选和反选checkbox的JS代码,但局限于页面只有一组checkbox,我想要页面有几组的话也还能用!还有一点就是如果页面有几组checkbox的话,该怎样获取所有选中checkbox的值谢谢
{
if (ct is CheckBox)
{
CheckBox cb = (CheckBox)ct;
cb.Checked = true;
}我想这样可以~~~~
<script>
function openAll(obj)
{
var allcheckbox = document.getElementsByTagName("input");//获得所有的复选框
for (var i = 0; i < allcheckbox.length; i++)
{
var ck = allcheckbox[i];
if (ck.type == "checkbox" && ck!=obj)
{
ck.checked = obj.checked;
}
}
}
</script>
<input type="checkbox" id="chkOpenAll" onclick="openAll(this)" />全部展开<input type="checkbox" id="chk1" onclick="openAll()" />
<input type="checkbox" id="chk1" onclick="openAll()" />
<input type="checkbox" id="chk1" onclick="openAll()" />
<input type="checkbox" id="chk1" onclick="openAll()" />
<input type="checkbox" id="chk1" onclick="openAll()" />
//chkAllboxID 为全选的checkbox 的ID
function selectAll(divGridView,chkAllboxID)
{
var chk = document.getElementById(chkAllboxID);
var div = document.getElementById(divGridView);
var chks = div.getElementsByTagName("input");
for(var i=0;i<chks.length;i++)
{
if(chks[i].type=="checkbox")
{
chks[i].checked=chk.checked;
}
}
}<div id="divGridView1" style="cursor:pointer;">
<asp:gridview ID="Gridview1" runat="server" Width="50%" onrowdatabound="Gridview1_RowDataBound" AllowPaging="True" onpageindexchanging="Gridview1_PageIndexChanging">
<RowStyle BackColor="WhiteSmoke" />
<AlternatingRowStyle BackColor="LightYellow" />
<Columns>
<asp:TemplateField>
<HeaderTemplate>
<input type="checkbox" id="checkAll1" onclick="selectAll('divGridView1','checkAll1');" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox runat="server" ID="check" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<HeaderStyle BackColor="SteelBlue" />
</asp:gridview>
</div>
<script>
$("input[id *= 'chkSelAll']").click(function() { $("input[id *= 'chkSelect']").attr("checked", $("input[id *= 'chkSelAll']").attr('checked')) });
</script>
<script type="text/javascript">
function sl(){
var gv=document.getElementsByTagName("input");for(var i=0;i<gv.length;i++)
{
if(gv[i].type=="checkbox")
gv[i].checked=gv[i].checked==true?false:true;
}
}
</script>
function CheckAll(form) {
for (var i = 0; i < form.elements.length; i++) {
var e = form.elements[i];
if (e.Name != "chkAll" && e.disabled == false)
e.checked = form.chkAll.checked;
}
}
</script>