代码之家  ›  专栏  ›  技术社区  ›  Ranjith Raina

在jquery中,可以将所有复选框值转换为逗号分隔的字符串

  •  1
  • Ranjith Raina  · 技术社区  · 2 年前
    <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'";
    });
    
    1 回复  |  直到 2 年前
        1
  •  0
  •   fdomn-m    2 年前

    你可以使用 :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>