怎样用JS实现CHECKBOX 为全选

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样用JS实现CHECKBOX 为全选相关的知识,希望对你有一定的参考价值。

    用JS实现CHECKBOX 为全选

function checkAll(checked)

    //根据名字获取所有checkbox控件
   var allCheckBoxs=document.getElementsByName("isBuy") ;
   //循环设置控件为选中状态
   for (var i=0;i<allCheckBoxs.length ;i++)
       if(allCheckBoxs[i].type=="checkbox")
              allCheckBoxs[i].checked=checked;
       
      

参考技术A function checkAll(checked)

var allCheckBoxs=document.getElementsByName("isBuy") ;
for (var i=0;i<allCheckBoxs.length ;i++)
if(allCheckBoxs[i].type=="checkbox")
allCheckBoxs[i].checked=checked;




事件名="checkAll(this.checked)"本回答被提问者采纳
参考技术B //全选
function checkAll()
for (var i = 0; i < document.getElementsByName("selectFlag").length; i++)
document.getElementsByName("selectFlag")[i].checked = document.getElementById("ifAll").checked;



-----------------------------------------
<input type="checkbox" name="ifAll" id="ifAll" onClick="checkAll()">全选

<input type="checkbox" name="selectFlag" value=""/>[<s:property value="typeName"/>]

c#中GridView中checkbox如何全选

为什么CHECKBOX不被选中,没有被钩上 ,怎样检测被钩上了

用JS实现,具体代码为:
function
doSelect()

var
dom=document.all;
var
el=event.srcElement;
if(el.id.indexOf("全选框的ID")>=0&&el.tagName=="INPUT"&&el.type.toLowerCase()=="checkbox")

var
ischecked=false;
if(el.checked)
ischecked=true;
for(i=0;i

if(dom[i].id.indexOf("模板列里CHECKBOX的ID")>=0&&dom[i].tagName=="INPUT"&&dom[i].type.toLowerCase()=="checkbox")
dom[i].checked=ischecked;



再在模板列里CHECKBOX的ONCLICK=DOSELECT()
参考技术A 用JS实现,具体代码为:
function doSelect()

var dom=document.all;
var el=event.srcElement;
if(el.id.indexOf("全选框的ID")>=0&&el.tagName=="INPUT"&&el.type.toLowerCase()=="checkbox")

var ischecked=false;
if(el.checked)
ischecked=true;
for(i=0;i<dom.length;i++)

if(dom[i].id.indexOf("模板列里CHECKBOX的ID")>=0&&dom[i].tagName=="INPUT"&&dom[i].type.toLowerCase()=="checkbox")
dom[i].checked=ischecked;




再在模板列里CHECKBOX的ONCLICK=DOSELECT()
参考技术B 循环读GridView的所有行,用findcontrol方法找到每一行的checkbox,设置checkbox选中就可以了 参考技术C 比如0列是选择的,那么触发事件里加上。
for(int i = 0; i < gridview.rows.count; i++)

((..checkbos)gridview[i,0]).checked = true;


我这个是直接写的,大概就是这样了,

以上是关于怎样用JS实现CHECKBOX 为全选的主要内容,如果未能解决你的问题,请参考以下文章

关于checkbox全选功能的实现

vue checkbox多选框按钮添加全选按钮

如何用jQuery实现checkbox全选

用js 实现一个checkbox同时能全选和取消的功能

js实现checkbox全选 代码具体意思是啥?看不太懂

vuejs怎样实现列表中checkbox的双向绑定及初始化渲