How to add multiple string in an array using jquery?

Question

How can i add the selected in the checkbox in one array using jquery? i wanna put it in some JSON file. the code is here

<div class="form-group">
    <label for="dayOfWeek" class="col-sm-5 control-label add-node-label">Day
        of Week</label>
    <div class="col-sm-7 add-node-input-holder">
        <div class="day-option">
            <input type="checkbox" class="form-check-input" id="MONDAY">
            <label class="form-check-label" for="MONDAY">MONDAY</label>
        </div>
        <div class="day-option">
            <input type="checkbox" class="form-check-input" id="TUESDAY">
            <label class="form-check-label" for="TUESDAY">TUESDAY</label>
        </div>
        <div class="day-option">
            <input type="checkbox" class="form-check-input" id="WEDNESDAY">
            <label class="form-check-label" for="WEDNESDAY">WEDNESDAY</label>
        </div>
        <div class="day-option">
            <input type="checkbox" class="form-check-input" id="THURSDAY">
            <label class="form-check-label" for="THURSDAY">THURSDAY</label>
        </div>
        <div class="day-option">
            <input type="checkbox" class="form-check-input" id="FRIDAY">
            <label class="form-check-label" for="FRIDAY">FRIDAY</label>
        </div>
        <div class="day-option">
            <input type="checkbox" class="form-check-input" id="SATURDAY">
            <label class="form-check-label" for="SATURDAY">SATURDAY</label>
        </div>
        <div class="day-option">
            <input type="checkbox" class="form-check-input" id="SUNDAY">
            <label class="form-check-label" for="SUNDAY">SUNDAY</label>
        </div>
    </div>
</div>

thank you for the answer

PeterKA · Accepted Answer · 2020-05-21 01:36:41Z

1

You can use the .map() method leveraging the change event:

$('.day-option input').on('change', function() {
    let selectedDaysArray = $('.day-option input:checked').map((i,ck) => ck.id).get();
    console.log( selectedDaysArray );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group">
    <label for="dayOfWeek" class="col-sm-5 control-label add-node-label">Day
        of Week</label>
    <div class="col-sm-7 add-node-input-holder">
        <div class="day-option">
            <input type="checkbox" class="form-check-input" id="MONDAY">
            <label class="form-check-label" for="MONDAY">MONDAY</label>
        </div>
        <div class="day-option">
            <input type="checkbox" class="form-check-input" id="TUESDAY">
            <label class="form-check-label" for="TUESDAY">TUESDAY</label>
        </div>
        <div class="day-option">
            <input type="checkbox" class="form-check-input" id="WEDNESDAY">
            <label class="form-check-label" for="WEDNESDAY">WEDNESDAY</label>
        </div>
        <div class="day-option">
            <input type="checkbox" class="form-check-input" id="THURSDAY">
            <label class="form-check-label" for="THURSDAY">THURSDAY</label>
        </div>
        <div class="day-option">
            <input type="checkbox" class="form-check-input" id="FRIDAY">
            <label class="form-check-label" for="FRIDAY">FRIDAY</label>
        </div>
        <div class="day-option">
            <input type="checkbox" class="form-check-input" id="SATURDAY">
            <label class="form-check-label" for="SATURDAY">SATURDAY</label>
        </div>
        <div class="day-option">
            <input type="checkbox" class="form-check-input" id="SUNDAY">
            <label class="form-check-label" for="SUNDAY">SUNDAY</label>
        </div>
    </div>
</div>

answered May 21, 2020 at 1:36

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

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

2 Comments

paroxysm04 Over a year ago

thanks but can i just normal set of array? but still thank you

PeterKA Over a year ago

What do you mean @paroxysm04?

Collectives™ on Stack Overflow

How to add multiple string in an array using jquery?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related