Javascript jQuery复选框值显示在输入文本框中，取消选中将删除_Javascript_Jquery_Html_Input_Checkbox

Javascript jQuery复选框值显示在输入文本框中，取消选中将删除

javascript jquery html input checkbox

Javascript jQuery复选框值显示在输入文本框中，取消选中将删除,javascript,jquery,html,input,checkbox,Javascript,Jquery,Html,Input,Checkbox,我一直在努力寻找解决方案，正如我在标题中所说的，当你有多个复选框时，当你选中一个值为“blood”的复选框时，它将被添加到一个输入文本框中。文本框中的每个选中值将用空格或逗号分隔。当您取消选中复选框时，与之对应的值将从文本框中删除到目前为止，我遇到的最接近的例子是：我试图通过使用和$li.text（this.value）来改变代码至$li.val（此.value）但没有显示任何内容。不幸的是，jQuery不是我的专长如果可能的话，有人能帮你解释一下吗？也许这就是你需要的 var arr =

我一直在努力寻找解决方案，正如我在标题中所说的，当你有多个复选框时，当你选中一个值为“blood”的复选框时，它将被添加到一个输入文本框中。文本框中的每个选中值将用空格或逗号分隔。当您取消选中复选框时，与之对应的值将从文本框中删除

到目前为止，我遇到的最接近的例子是：

我试图通过使用

和

$li.text（this.value）来改变代码

至

$li.val（此.value）但没有显示任何内容。不幸的是，jQuery不是我的专长
如果可能的话，有人能帮你解释一下吗？
也许这就是你需要的
var arr = [];
$('#inputs input').change(function() {
  if (this.checked) {
    arr.push(this.value);
  }
  else {
   arr.splice(arr.indexOf(this.value), 1);
  }
  $('#target').val(arr + '');
});

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>

<body>
  <div id="inputs">
    <input type="checkbox" value="Apple">
    <input type="checkbox" value="Orange">
    <input type="checkbox" value="Pineapple">
    <input type="checkbox" value="Mango">
  </div>
  <input type="text" id="target"/>
</body>
</html>

var arr=[]；
$（“#输入”）.change（函数（）{
如果（选中此项）{
arr.push（该值）；
}
否则{
arr.拼接（arr.indexOf（该值），1）；
}
$（'#target'）.val（arr+''）；
});
JS-Bin
试试这个

在这里，您只需在所有复选框上应用单击事件。
并在每次单击时填充输入框。
非常感谢，这正是我所需要的！顺便说一句，因为我的文本框使用$（“#关键字”）.keyup（函数（）激活ajax以进行搜索而不提交。因此，即使复选框的值输入到文本框中，也不会激活ajax，直到我单击文本框并按enter键。无论如何，要解决这个问题，干杯必须在复选框更改事件处理程序中调用您的ajax搜索功能。@kamilkp：作为旁注，请记住，只有链接不是一个好的qua答案是肯定的。最好还包括（相关）代码，这样即使链接消失，内容也会保留下来。我已经冒昧地为您做了这件事。