jQuery获取复选框的值

通过jQuery获取选中的复选框的值,是在web开发中比较常用的一个功能。

<html>
     <head>
     <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
     <style type="text/css">
        
        
     </style>
     
     </head>
     <body>
        <input type="checkbox" name="boxname" value="J_1"> Java从入门到放弃&nbsp;&nbsp;
        <input type="checkbox" name="boxname" value="J_2"> Java从入门到住院&nbsp;&nbsp;
        <input type="checkbox" name="boxname" value="J_3"> 颈椎病康复指南&nbsp;&nbsp;
        <input type="checkbox" name="boxname" value="J_4"> Unix编程艺术&nbsp;&nbsp;
        <input type="checkbox" name="boxname" value="J_5"> 如何优雅的甩锅&nbsp;&nbsp;
        <button onclick="boxFunction()">输出选中的值</button>
     </body>
     <script type="text/javascript">
     
     function boxFunction(){
        var isCheck = '';
         $('input[name="boxname"]:checked').each(function(){
          isCheck += $(this).val() + ",";
         });
         
         alert(isCheck);
     }
     
        
        
    

    </script>



</html>     

 

posted on 2017-07-13 09:41  凌巴哥  阅读(679)  评论(0编辑  收藏  举报

导航