jquery，获取多个复选框的值

最新推荐文章于 2022-08-20 00:12:13 发布

原创最新推荐文章于 2022-08-20 00:12:13 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

jquery开发专栏收录该内容

9 篇文章

订阅专栏

本文展示了一个简单的HTML页面示例，该页面使用JavaScript来处理表单中的复选框选择，并将选择的结果显示出来。通过这个例子，读者可以了解如何在网页中实现基本的用户交互功能。

<!doctype html>
<html>

   <body>
       <input type="checkbox" name="test" value="1" /><span>1</span>
       <input type="checkbox" name="test" value="2" /><span>2</span>
       <input type="checkbox" name="test" value="3" /><span>3</span>
       <input type="checkbox" name="test" value="4" /><span>4</span>
       <input type="checkbox" name="test" value="5" /><span>5</span>
       <input type='button' value='提交' onclick="show()" />
       <script src="../js/plugins/jquery-3.2.1.min.js"></script>
       <script type="text/javascript">
           function show() {
               obj = document.getElementsByName("test");
               console.log(obj);
               check_val = [];
               for(k in obj) {
                   if(obj[k].checked)
                       check_val.push(obj[k].value);
               }
               alert(check_val);
           }
       </script>
   </body>