上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

高端！网站定制/设计/优化/二次开发/制作/搭建-常德高端网站建设

1. Script 多选框多选与取消多选实例：

   function checkboxed(objName){    var objNameList=document.getElementsByName(objName);    
   
       if(null!=objNameList){        alert("全选操作");        for(var i=0;i<objNameList.length;i++){            objNameList[i].checked="checked";        }    }}function uncheckboxed(objName){    var objNameList=document.getElementsByName(objName);    
   
       if(null!=objNameList){        alert("取消全选操作");        for(var i=0;i<objNameList.length;i++){            objNameList[i].checked="";        }    }}

   尝试一下 »

   qq1056125478

      qq1056125478

     105***5478@qq.com

   5年前 (2017-04-03)

2.    不愿透露姓名的Croc

     140***2262@qq.com

   128

   对于上述同学的笔记里JavaScript 多选框多选与取消多选实例，这次用按钮来统一实现:

   var checkAll = false;function allcheck(){
       checkAll = !checkAll;
       let inputs = document.getElementsByName('checkbox')
       for(var i =0;i<inputs.length;i++){inputs[i].checked = checkAll}}

   尝试一下 »

   不愿透露姓名的Croc

      不愿透露姓名的Croc

     140***2262@qq.com

   5年前 (2017-10-16)

3.    NathanieYi

     106***8282@qq.com

   46

   作为参数的的变量称为形参,带入的参数称为实参。

   function myFunction(a,b){ return a*b;}  // 形参document.getElementById("demo").innerHTML=myFunction(4,3);  // 实参

   NathanieYi

      NathanieYi

     106***8282@qq.com

   5年前 (2017-10-25)

4.    生活很黑白

     975***049@qq.com

   53

   ES6 新增箭头函数，定义函数时更加简洁、易读。

   // 传统定义函数方式function Test () {
     //}const Test = function () {
     //}// 使用箭头函数定义函数时可以省略 function 关键字const Test = (...params) => {
     //

(...params) => {

  //

}

// 该函数只有一个参数时可以简写成：

const Test = param => {

  return param;

}

console.log(Test('hello'));   // hello

生活很黑白

   生活很黑白

  975***049@qq.com

5年前 (2018-01-06)

   无厘头

  133***7479@qq.com

48

JavaScript 复选框实现全选、取消全选 、反选实例：

function opcheckboxed(objName, type){

  var objNameList=document.getElementsByName(objName);

  if(null!=objNameList){

    for(var i=0;i<objNameList.length;i++){  

      if(objNameList[i].checked==true)

      {

        if(type != 'checkall') {  // 非全选

          objNameList[i].checked=false;

        }

      } else {

        if(type != 'uncheckall') {  // 非取消全选

          objNameList[i].checked=true;

        }

      }

    }  

  }

}

尝试一下 »

将选中设置为 checked 或 true， 取消选中可设置为空或 false，实现反选使用 checked 属性会出现问题。

无厘头

   无厘头

  133***7479@qq.com

4年前 (2018-05-24)

   崔崔

  183***56522@163.com

69

反驳 4 楼 不愿透漏姓名 Croc 代码存在 bug，当我手动点击一个一个选中后，在点击按钮会出现无法取消操作，需要点击两次。

改正后代码如下：

var checkAll = false;

function allcheck() {

    let inputs = document.getElementsByName('checkbox');

    var checkInt = 0;

    for (var i = 0; i < inputs.length; i++) {

        if (inputs[i].checked) {

            checkInt += 1;

        }

    }

    if (checkInt == inputs.length) {

        checkAll = false;

        for (var i = 0; i < inputs.length; i++) {

            inputs[i].checked = checkAll

        }

高端！网站定制/设计/优化/二次开发/制作/搭建-常德高端网站建设

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）