It is possible to get all checkbox value into comma seperated string in jquery

Question

<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
  <label for="vehicle1"> I have a bike</label><br>
  <input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
  <label for="vehicle2"> I have a car</label><br>
  <input type="checkbox" id="vehicle3" name="vehicle3" value="Boat">
  <label for="vehicle3"> I have a boat</label><br><br>

i want all checkbox value like below there is any possible

$(document).ready(function () {
var ckhvalue="'bike','car','boat'";
});

fdomn-m · Accepted Answer · 2022-04-02 05:16:34Z

1

You can use the :checked selector and .map to get your values and combine them:

$("#btn").click(() => {

    var chkValue = $(":checked").map((i,e) => e.value).toArray().join(",");
    console.log(chkValue)

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1"> I have a bike</label><br>
<input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
<label for="vehicle2"> I have a car</label><br>
<input type="checkbox" id="vehicle3" name="vehicle3" value="Boat">
<label for="vehicle3"> I have a boat</label><br><br>

<hr/>
<button id=btn>click me</button>

answered Apr 2, 2022 at 5:16

fdomn-m

28.8k8 gold badges39 silver badges70 bronze badges

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

Collectives™ on Stack Overflow

It is possible to get all checkbox value into comma seperated string in jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related