jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何将多个复选框值传递给数组大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试将选中的值从复选框列表传递到 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>

解决方法

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

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));
     });
 });

演示:Fiddle

大佬总结

以上是大佬教程为你收集整理的jquery – 如何将多个复选框值传递给数组全部内容,希望文章能够帮你解决jquery – 如何将多个复选框值传递给数组所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。