js全选,全部不选,反选

简介: js全选,全部不选,反选
js中实现复选框的全选,全不选以及反选,分为两种情况:
(1)选中“请选择”前面的复选框实现全选,不选中“请选择”前面的复选框实现全不选
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<title>无标题文档</title>
</head>
<script>
  function check_inter(){
    var inters = document.getElementsByName("inter");
    for(var i=0;i<inters.length;i++){
        if(document.getElementById("cbox").checked==true){
          inters[i].checked = true;
        }else{
          inters[i].checked = false;
        }
    }
  }
</script>
<body>
<input type="checkbox" id="cbox" value="" οnclick="check_inter()"/>请选择</br>
<input type="checkbox" name="inter" value="下棋"/>下棋</br>
<input type="checkbox" name="inter" value="游戏"/>游戏</br>
<input type="checkbox" name="inter" value="看书"/>看书<br/>
</body>
</html>
相关文章
|
8月前
|
JavaScript
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
219 1
|
7月前
|
JavaScript 前端开发
杨老师课堂之JavaScript案例全选、全不选、及反选
杨老师课堂之JavaScript案例全选、全不选、及反选
43 1
|
7月前
|
JavaScript 程序员
老程序员分享:js实现复选框的全选、全部选和反选
老程序员分享:js实现复选框的全选、全部选和反选
48 0
|
8月前
|
JavaScript 前端开发
JavaScript解决多选框全选、全不选和反选的问题
JavaScript解决多选框全选、全不选和反选的问题
42 0
|
JavaScript
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
559 0
|
JavaScript
js的全选和反选的具体实现
js的全选和反选的具体实现
49 0
|
JavaScript
js简单全选及反选demo效果示例(整理)
js简单全选及反选demo效果示例(整理)
|
JavaScript 前端开发
JavaScript 实现全选、单选和反选
JavaScript 实现全选、单选和反选
118 0
|
JavaScript
js实现全选和反选
js实现全选和反选
84 0
|
存储 JavaScript
js实现多选、全选、反选、取消选择(篇一)
js实现多选、全选、反选、取消选择(篇一)
408 0