[javascript基础控件操作]--checkbox操作

最新推荐文章于 2020-11-12 17:20:41 发布

xiage

最新推荐文章于 2020-11-12 17:20:41 发布

阅读量630

点赞数

分类专栏： javascript 文章标签： javascript function input

本文链接：https://blog.csdn.net/xiage/article/details/2820205

版权

javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

radio和checkbox都没有onchange事件,可以用onclick和自定义函数来代替.
但是checkbox 有 onpropertychange事件,因此可以用onpropertychange来实现 is选择的触发.

checkbox的基本操作:

1.选中操作 --->checkbox自带事件处理函数 onpropertychange
2.全选操作 --->selectAll();

详细说明:

1.选中操作

<input type="checkbox" value="checkbox1" onpropertychange="javascript:alert('checkbox1 was click!');" >checkbox1</>

2.全选操作

function selectAll()
{
    var isSelect=false;
    if(document.all.chx.value=="全选")
    {
       isSelect=true;
       document.all.chx.value="反选"
    }
    else
    {
       isSelect=false;
       document.all.chx.value="全选"
    }

// var checkboxs=document.getElementsByName("");
    var checkboxs=document.form1.elements;
    for(var i=0; i<checkboxs.length; i++)
    {
      if(checkboxs[i].type=="checkbox")
      {
   checkboxs[i].checked=isSelect;
      }
    }
}