javascript - 如何检查一个输入的多个值

Question

这是我从检查字段获取值的代码..

$(document).ready(function(){
    $(document).on("change keyup mouseup", "#title", function(){
        $("#alias").val($("#title").val())
    });
});

https://jsfiddle.net/javasalden/vf4uzjhp/

如何完成此代码以显示:

• 如果我检查“HONDA”和“AUDI”:

Output: Toyota, Honda, Audi

• 如果我取消选中本田

Output: Toyota, Audi

Answer 1

检查下面的代码。您需要获取所有已检查并将值附加到输入字段中:

var checkboxes = $(".has-value");
checkboxes.on("change", function() {
  $("#alias").val(
    checkboxes.filter(":checked").map(function() {
      return this.value;
    }).get().join(", ")
  );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input class="has-value m-r" id="title" value="Toyota," type="checkbox">Toyota
<input class="has-value m-r" value="Honda," type="checkbox">Honda
<input class="has-value m-r" value="Honda," type="checkbox">Audi
<br><br>
<input class="  " name="alias" id="alias">
<br><br> if i check "HONDA" and "AUDI"<br><br> result input will like this Toyota, Honda, Audi
<br><br><br> if i Uncheck Honda
<br><br> result will like this Toyota, Audi