jquery Json Object Array with Integer value as a Key

Question

I want to get format like

[{"1":"6"},{"1":"7"},{"2":"8"}] )

But this code shows like this:

[{"cateid":"6"},{"cateid":"7"},{"cateid":"8"}] )

How can I replace cateid with integer value?

var seleusrv = [];

$('.catechk:checked').each(function(){
    var cateid = $(this).val();
    var i = 0;

    $('.srvchk:checked').each(function(){
        var srvcateid = $(this).data('cateid');
        var srvid = $(this).val();
        if (cateid == srvcateid) {
            seleusrv.push({cateid: srvid});
        }
    });

    if ($(this).closest('ul').find('.srvchk:checked').length == 0) {
        seleusrv.push({cateid: ''});
    }
});
seleusrv = JSON.stringify(seleusrv);

This is my Html structure:-

<ul>
    <li>
        <input class="catechk collapse_allcheckbox" value="1" type="checkbox"> &nbsp; Air Conditioner
    </li>
    <li>
        <input class="srvchk collapse_checkbox" value="6" data-cateid="1" type="checkbox"> &nbsp; AC Repair
    </li>
    <li>
        <input class="srvchk collapse_checkbox" value="7" data-cateid="1" type="checkbox"> &nbsp; AC Gas Filling
    </li>
</ul>

you have to show us a glimpse of your ul-li HTML. Add it in your question — Death-is-the-real-truth
– Death-is-the-real-truth, Commented Feb 28, 2018 at 9:51

Death-is-the-real-truth · Accepted Answer · 2018-03-01 04:22:30Z

1

You need to modify your logic like below:-

Check the below working snippet:-

$(document).ready(function(){
  var seleusrv = [];
  $('.catechk').each(function(){
    var obj = $(this);
    var cateid = $(this).val();
    if (obj.closest('ul').find('.srvchk:checked').length == 0) {
        var temp = {};
        temp[cateid] = '';
        seleusrv.push(temp);
    }else{
      obj.closest('ul').find('.srvchk:checked').each(function(){
        var temp = {};
        var catvalue = $(this).val();
        temp[cateid] = catvalue;
        seleusrv.push(temp);
      });
    }
  });
  seleusrv = JSON.stringify(seleusrv);
  console.log(seleusrv);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
    <li>
        <input class="catechk collapse_allcheckbox" value="1" type="checkbox" checked> &nbsp; Air Conditioner
    </li>
    <li>
        <input class="srvchk collapse_checkbox" value="6" data-cateid="1" type="checkbox" checked> &nbsp; AC Repair
    </li>
    <li>
        <input class="srvchk collapse_checkbox" value="7" data-cateid="1" type="checkbox" checked> &nbsp; AC Gas Filling
    </li>
</ul>
<ul>
    <li>
        <input class="catechk collapse_allcheckbox" value="2" type="checkbox" checked> &nbsp; Air Conditioner2
    </li>
    <li>
        <input class="srvchk collapse_checkbox" value="8" data-cateid="1" type="checkbox"> &nbsp; AC Repair2
    </li>
    <li>
        <input class="srvchk collapse_checkbox" value="9" data-cateid="1" type="checkbox"> &nbsp; AC Gas Filling2
    </li>
</ul>

edited Mar 1, 2018 at 4:22

answered Feb 28, 2018 at 9:27

Death-is-the-real-truth

72.3k10 gold badges59 silver badges105 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

vikas gupta Over a year ago

I have tries but its give me same variable value as key instead of integer [{"srvcateid":"6"},{"srvcateid":"7"}]

vikas gupta Over a year ago

Thanks its works but i need one more confirmation, if Subcategory not present, then it will not get into the loop, so it works ?

Death-is-the-real-truth Over a year ago

@vikasgupta i have modified my code to satisfy both of your requirement.Please check

Death-is-the-real-truth Over a year ago

@vikasgupta glad to help you :):)

31piy · Accepted Answer · 2018-02-28 09:26:22Z

0

If you're able to use ES6 in your program, the following should work fine:

seleusrv.push({[cateid]: ''});

See, this section for more details on the specifications. Otherwise, you will have to create a temporary object and then push it:

var temp = {};
temp[cateid] = '';
seleusrv.push(temp);

edited Feb 28, 2018 at 9:26

answered Feb 28, 2018 at 9:19

31piy

23.9k6 gold badges51 silver badges69 bronze badges

3 Comments

31piy Over a year ago

@vikasgupta -- when you say it doesn't work, you should specify how it doesn't work. Any errors in the console?

vikas gupta Over a year ago

I have tried with your second solution its gives me repeated values [{"1":"7"},{"1":"7"}], but i need [{"1":"7"},{"1":"8"}]

31piy Over a year ago

@vikasgupta -- that is out of scope of this question. You should check for the existence of the value, and push only if it doesn't exist.

Collectives™ on Stack Overflow

jquery Json Object Array with Integer value as a Key

2 Answers 2

4 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related