如何将多个复选框值传递到数组中

哈氏100

我正在尝试将选中的值从复选框列表传递给jquery函数,以便我可以使用选定的值。下面的代码不起作用

我希望能够使用复选框功能之外的值

因此,例如,如果我在该功能之外有另一个按钮,则它应该能够读取存储在数组中的内容-以下代码由于某些原因无法正常工作,将不胜感激

jQuery的

 <script>
    $(document).ready(function(){

    var vals = []
    $('input:checkbox[name="check[]"]').each(function() {
        if (this.checked) {
            vals.push(this.value);
        }
    });

     alert(vals[0]);
    });
    </script>

HTML代码

<form>
<input value="BOOZE" type="checkbox" name="check[]" >PUB, MATES, <br>
<input value="TV"  type="checkbox" name="check[]">BRIBING THE KIDS TO GO BED<br>
<input value="BOOZE" type="checkbox" name="check[]">RAVING TILL THE EARLY HOURS<br>
<input value="PETS"  type="checkbox" name="check[]">PLAYING GRAND THEFT AUTO <br>
<input value="GEEK"  type="checkbox" name="check[]">TWEETING ABOUT SOMETHING <br>
<input value="SPORT"  type="checkbox" name="check[]">GYM<br>
<input value="XMAS"  type="checkbox" name="check[]">SINGING CHRISTMAS SONGS<br>
<input type="checkbox" class="chkNumber" name="check[]">SHARING A DELIGHTFUL BOTTLE 
</form> 
阿伦·P·约翰尼

您需要有一个更改处理程序,需要在其中过滤选中的复选框元素

 var vals = [];
 $(document).ready(function () {

     var $checkes = $('input:checkbox[name="check[]"]').change(function () {
         vals = $checkes.filter(':checked').map(function () {
             return this.value;
         }).get();

         alert(JSON.stringify(vals));
     });
 });

演示:小提琴

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将多个复选框值传递到数组中

来自分类Dev

如何将复选框值发布到数组?

来自分类Dev

如何将复选框的值作为数组从视图传递到laravel 4中的控制器

来自分类Dev

将多个选中的复选框的值传递到多个对应的输入字段中

来自分类Dev

使用Ajax到JSP将复选框值传递到数组中

来自分类Dev

如何将多个复选框值传递给php

来自分类Dev

如何在Laravel 4中将复选框的值作为数组从视图传递到控制器

来自分类Dev

如何将VB复选框的值传递给Excel复选框

来自分类Dev

如何将VB复选框的值传递给Excel复选框

来自分类Dev

如何将表单的复选框分组到Node中的数组中?

来自分类Dev

如何将表单的复选框分组到Node中的数组中?

来自分类Dev

如何将多个复选框列表数据绑定到Gridview中

来自分类Dev

如何将多个复选框列表数据绑定到Gridview中

来自分类Dev

如何将复选框的值传递给MVC5中的ActionResult?

来自分类Dev

如何将复选框的值传递给打字稿中的函数?

来自分类Dev

如何将多个复选框值发送到laravel中的数据库?

来自分类Dev

如何将复选框值绑定到 VueJS 中的空对象?

来自分类Dev

如何将选中的复选框值推送到数组中?

来自分类Dev

在 reactjs 中,同名的复选框如何将值保留为数组

来自分类Dev

如何根据复选框的值将数据存储到多个MySQL表中?

来自分类Dev

Ajax代码,用于将多个复选框值存储到数组并传递给控制器

来自分类Dev

ASP.NET MVC如何将多个复选框值传递给控制器

来自分类Dev

选中复选框后,如何将视图中的复选框值动态传递给控制器?

来自分类Dev

如何将复选框值(选中/未选中)作为jsp中的href参数传递给控制器

来自分类Dev

Laravel 6:如何在注册时将复选框值传递到数据库用户表中

来自分类Dev

如何将多个复选框中的数据价格值相加到现有功能?

来自分类Dev

C#:如何将在复选框中选择的值存储到数组

来自分类Dev

如何将选定复选框的值传递给javascript函数?

来自分类Dev

如何将选定复选框的值传递给javascript函数?

Related 相关文章

  1. 1

    如何将多个复选框值传递到数组中

  2. 2

    如何将复选框值发布到数组?

  3. 3

    如何将复选框的值作为数组从视图传递到laravel 4中的控制器

  4. 4

    将多个选中的复选框的值传递到多个对应的输入字段中

  5. 5

    使用Ajax到JSP将复选框值传递到数组中

  6. 6

    如何将多个复选框值传递给php

  7. 7

    如何在Laravel 4中将复选框的值作为数组从视图传递到控制器

  8. 8

    如何将VB复选框的值传递给Excel复选框

  9. 9

    如何将VB复选框的值传递给Excel复选框

  10. 10

    如何将表单的复选框分组到Node中的数组中?

  11. 11

    如何将表单的复选框分组到Node中的数组中?

  12. 12

    如何将多个复选框列表数据绑定到Gridview中

  13. 13

    如何将多个复选框列表数据绑定到Gridview中

  14. 14

    如何将复选框的值传递给MVC5中的ActionResult?

  15. 15

    如何将复选框的值传递给打字稿中的函数?

  16. 16

    如何将多个复选框值发送到laravel中的数据库?

  17. 17

    如何将复选框值绑定到 VueJS 中的空对象?

  18. 18

    如何将选中的复选框值推送到数组中?

  19. 19

    在 reactjs 中,同名的复选框如何将值保留为数组

  20. 20

    如何根据复选框的值将数据存储到多个MySQL表中?

  21. 21

    Ajax代码,用于将多个复选框值存储到数组并传递给控制器

  22. 22

    ASP.NET MVC如何将多个复选框值传递给控制器

  23. 23

    选中复选框后,如何将视图中的复选框值动态传递给控制器?

  24. 24

    如何将复选框值(选中/未选中)作为jsp中的href参数传递给控制器

  25. 25

    Laravel 6:如何在注册时将复选框值传递到数据库用户表中

  26. 26

    如何将多个复选框中的数据价格值相加到现有功能?

  27. 27

    C#:如何将在复选框中选择的值存储到数组

  28. 28

    如何将选定复选框的值传递给javascript函数?

  29. 29

    如何将选定复选框的值传递给javascript函数?

热门标签

归档