js排他功能示例

Posted 燕十三丶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js排他功能示例相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="button" value="没怀孕">
<input type="button" value="没怀孕">
<input type="button" value="没怀孕">
<input type="button" value="没怀孕">
<input type="button" value="没怀孕">
<input type="button" value="没怀孕">

<script>
var btnObjs=document.getElementsByTagName("input");
for (var i=0;i<btnObjs.length;i++) {
btnObjs[i].onclick=function () {
for(var j=0;j<btnObjs.length;j++){
btnObjs[j].value="没怀孕";
}
this.value="怀孕了";
};
}



</script>
</body>
</html>

以上是关于js排他功能示例的主要内容,如果未能解决你的问题,请参考以下文章

为啥切片和范围上限是排他的?

node.js前后台交互示例 -- 使用node.js实现用户注册功能

activitil排他网关怎么同时走多条任务

初级JS

[JS DOM&BOM] 排他思想及其案例

vue.js项目 el-input 组件 监听回车键实现搜索功能示例