查看: 931|回复: 0

[文章教程] 点击checkbox的时候,打印选择项目!

[复制链接]
ttasp 发表于 2019-4-2 19:59:30 | 显示全部楼层 |阅读模式


  1.   
  2. <html>
  3.         <head>
  4.                 <title>点击checkbox的时候,打印选择项目!</title>
  5.                 <script type="text/javascript">
  6.                         function printChecked(){
  7.                                 var items=document.getElementsByName('acs');
  8.                                 var selectedItems="";
  9.                                 for(var i=0; i<items.length; i++){
  10.                                         if(items[i].type=='checkbox' && items[i].checked==true)
  11.                                                 selectedItems+=items[i].value+"\n";
  12.                                 }
  13.                                 alert(selectedItems);
  14.                         }                       
  15.                 </script>
  16.         </head>
  17. <body style="text-align: left;">
  18.         <h1>点击checkbox的时候,打印选择项目!</h1>
  19.         <big>选择你喜好的东东: </big><br>
  20.         <input type="checkbox" name="acs" value="Mobile">手机<br>
  21.         <input type="checkbox" name="acs" value="auto">汽车<br>
  22.         <input type="checkbox" name="acs" value="watch">手表<br>
  23.        
  24.         <p>
  25.                 <input type="button" onclick='printChecked()' value="打印选中项"/>
  26.         </p>
  27. </body>

  28. </html>
复制代码
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表

在线客服

售前咨询
售后咨询
服务热线
023-58418553
微信公众号