在 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>

我希望所有的复选框值都像下面这样有任何可能

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

Answer 1

您可以使用 :checked 选择器和 .map 获取您的值并将它们合并：

$("#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>

在 jquery 中可以将所有复选框值放入逗号分隔的字符串中

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

html

checkbox

jquery