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>