Question

我正在使用Symfony，我有很多具有不同id和值的复选框，所以当我检查一个时，我想自动将其值（名称）插入到输入中，当我检查其他插入时同一输入中的值：

<input type="checkbox" name="{{ent.username}}" value="{{ent.username}}">

谢谢大家

Answer 1

这不依赖于Symphony。

jQuery的：

$(function() { // when page loads
  $("input[type='checkbox']").on("click",function() {
    if (this.checked) $("#somefield").val(this.value);
  });
});

普通JS：

window.onload=function() { // when page loads
  document.querySelectorAll("input[type='checkbox']").forEach(function() {
    this.onclick=function() {
      if (this.checked) document.getElementById("somefield").value=this.value;
    }
  }
}

Answer 2

要遵循的步骤：

在input类型的每个checkbox字段上添加更改侦听器。
通过迭代每个复选框获取所有选定的水果。
在字段中设置所选水果的值。

运行示例代码：

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
 <input type="checkbox" value="Banana">Banana</input> 
 <input type="checkbox" value="Apple">Apple</input> 
 <input type="checkbox" value="Mangeo">Mango</input> 
 <input type="checkbox" value="Orange">Orange</input> 
</div>

<div>
  Selected Fruit : <input type="text" id="fruit">
</div>


<script>
  
  var fruit = $('#fruit');
  
  $('input[type="checkbox"]').change(function(e){
     fruit.val(getSelectedFruits());
  });

  function getSelectedFruits(){
   var fruits = "";
   $('input[type="checkbox"]').each(function(i,cb){
       if($(this).is(":checked")){
           fruits += $(this).val() + " ";
       }
   });
   return fruits;
  }
  
</script>

＆＃13;

使用jQuery将复选框值（名称）插入到输入中

2 个答案: