JavaScript - CheckBox 全选与取消全选

原创 2005年05月16日 12:32:00

JavaScript - CheckBox 全选与取消全选
前言

  提供 CheckBox 全选与取消全选

程序


<script language="JavaScript">
function chkall(input1,input2)
{
    var objForm = document.forms[input1];
    var objLen = objForm.length;
    for (var iCount = 0; iCount < objLen; iCount++)
    {
        if (input2.checked == true)
        {
            if (objForm.elements[iCount].type == "checkbox")
            {
                objForm.elements[iCount].checked = true;
            }
        }
        else
        {
            if (objForm.elements[iCount].type == "checkbox")
            {
                objForm.elements[iCount].checked = false;
            }
        }
    }
}
</script>

<form id="form1">
<input type="checkbox" value='全部選取' onclick='chkall("form1",this)' name=chk><BR>
<input type="checkbox" name="item_001" value="1">1<BR>
<input type="checkbox" name="item_002" value="2">2<BR>
<input type="checkbox" name="item_003" value="3">3<BR>
<input type="checkbox" name="item_003" value="4">4
</form>

全选、全取消checkbox.docx

  • 2013年08月20日 19:52
  • 48KB
  • 下载

js实现checkbox 全选和取消

  • 2014年07月16日 17:29
  • 921B
  • 下载

新手学JavaScript(四)----CheckBox全选与全不选

在这给大家推荐一款比较不错的纯CSS实现的CheckBox–CSSCheckBox,用bootstrap里面自带的checkbox和radio样式不太美观,所以就另找了一个插件,这里大家可能会有疑问,...

listview带checkbox全选、取消功能

  • 2017年01月09日 16:44
  • 42.55MB
  • 下载

用Javascript实现checkbox全选、全不选

用Javascript实现checkbox全选、全不选

jquert结合原生javascript实现的checkbox全选与全不选

之所以要使用原生javascript,是因为jQuery的attr方法在这里不能实现,具体是怎么样的,我也不知道。 html代码: 全部选定 全部取消 javascript代码: 得保...

javascript checkbox作为开关,控制全选和全不选的动态关联实现

如你所知如果使用一个checkbox作为一组checkbox的总开关的话。那么,总开关的逻辑当然是:在当前全部选中的情况下,点击总开关,就会全部不选中;否则,就全部选中。 另外,当被控制的子check...

HTML 复选框 checkbox 的 JavaScript 的全选和全反选

checkbox 或者按钮实现 form 内的 checkbox 全选或者反选,代码很简单,全部代码如下: Insert title here 序号 选择 ...
  • joyous
  • joyous
  • 2013年09月30日 11:16
  • 31882
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript - CheckBox 全选与取消全选
举报原因:
原因补充:

(最多只允许输入30个字)