JavaScript日常学习3

Posted 2020-10-24 隐语者

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>

以上是关于JavaScript日常学习3的主要内容，如果未能解决你的问题，请参考以下文章