Question

我在页面上有复选框，我想只在每个复选框上更改选中的值

$(function () {
    $('.list input').change(function (e) {
        //e.preventDefault();
        var favorite = [];
        $.each($(".list input[type='checkbox']:checked"), function () {
            favorite[$(this).attr("name")].push = $(this).val();
        });

        var str;
        str = $.param(favorite);

        $.ajax({
            url: '/schema.asp',
            type: 'POST',
            data: str,
            dataType: 'text',
            success: function (response) {
                alert(response);
            }
        });
    });
});

但是我不能正确地将语法推送到数组

$.each($(".list input[type='checkbox']:checked"), function () {
    favorite[$(this).attr("name")].push = $(this).val();
});

请以正确的方式显示。

$（this）.attr（＆＃34; name＆＃34;）可能与（Make []，Model []，Year（））不同，且必须是字符串

解决：

由于没有人回答完整的答案，这是完成工作代码

    $(function () {
        $('.list input').change(function (e) {
            //e.preventDefault();
            var favorite = {};
            $.each($(".list input[type='checkbox']:checked"), function(){ 
            if(typeof(favorite[$(this).attr("name")]) == 'undefined'){
                favorite[$(this).attr("name")] = [];
            }           
            favorite[$(this).attr("name")].push($(this).val());
        });

            var str;
            str = $.param(favorite);

            $.ajax({
                url: '/schema.asp',
                type: 'POST',
                data: str,
                dataType: 'text',
                success: function (response) {
                    alert(response);
                }
            });
        });
    });

Answer 1

push是一个要调用的函数，不要设置的属性

var favorite = {};
$.each($(".list input[type='checkbox']:checked"), function(){ 
    if(typeof(favorite[$(this).attr("name")]) == 'undefined'){
        favorite[$(this).attr("name")] = [];
    }           
    favorite[$(this).attr("name")].push($(this).val());
});

另外，请注意，您需要检查对象的属性是否已设置，以便将其初始化为数组。

＆＃13;

$('.list input').change(function(e) {
  //e.preventDefault();
  var favorite = [];
   $.each($(".list input[type='checkbox']:checked"), function(){ 
                if(typeof(favorite[$(this).attr("name")]) == 'undefined'){
                    favorite[$(this).attr("name")] = [];
                }           
                favorite[$(this).attr("name")].push($(this).val());
            });
  console.log(favorite);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<ul class="list">
  <li>
    <input type="checkbox" name="one" value="1" />
  </li>
  <li>
    <input type="checkbox" name="two" value="2" />
  </li>
  <li>
    <input type="checkbox" name="one" value="1" />
  </li>
  <li>
    <input type="checkbox" name="two" value="2" />
  </li>
  <li>
    <input type="checkbox" name="one" value="1" />
  </li>
</ul>

＆＃13;

Answer 2

在jquery中使用 map() 。将数组或对象中的所有项目转换为新的项目数组。

favorite = $(".list input[type='checkbox']:checked").map(function () {
    var obj = {};
    obj[$(this).attr("name")] = this.value;
    return obj;

}).get();

<强> Fiddle Demo

Javascript push multidimensional array only checked复选框

2 个答案: