JavaScript日常学习3

JavaScript函数

 函数就是包裹在花括号中的代码块，前面使用了关键词 function：

function functionname()     
{
执行代码
}

function myFunction(var1,var2)   //带形参
{
代码
}

HTML5调用：onclick="functionname()"     //不带实参

                       onclick="functionname(argument1,argument2)"     //带实参

实例：<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
看书：<input type="checkbox" name="checkbox" value=1><br>
写字：<input type="checkbox" name="checkbox"value=2><br>
打飞机：<input type="checkbox" name="checkbox"value=3><br>
玩游戏：<input type="checkbox" name="checkbox"value=4><br>
<button onclick="checkboxed('checkbox')">全选</button>
<button onclick="uncheckboxed('checkbox')">取消全选</button>
<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="";
                 }
       }
}
</script>
</body>
</html>