1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 </head>
7 <body>
8 <input type="button" value="没怀孕"/>
9 <input type="button" value="没怀孕"/>
10 <input type="button" value="没怀孕"/>
11 <input type="button" value="没怀孕"/>
12 <input type="button" value="没怀孕"/>
13 <script>
14 //获取所有的按钮
15 var btObjs = document.getElementsByTagName("input");
16 //遍历所有元素
17 for (var i = 0; i < btObjs.length; i++) {
18 //给所有元素注册点击事件,添加事件处理函数
19 btObjs[i].onclick = function () {
20 //将所有元素value设置默认值为:没怀孕
21 for (var j = 0; j < btObjs.length; j++) {
22 btObjs[j].value = "没怀孕";
23 }
24 //设置当前点击的元素value的值为:怀孕了
25 this.value = "怀孕了";
26 };
27 }
28 </script>
29 </body>
30 </html>
