Question

我有这段代码：

 function updateTextArea() {

     var allVals = [];
     $('#c_b :checked').each(function() {
       allVals.push($(this).val());
       jQuery('#referralIds').val(allVals);  
     });
 }
 $(function() {
   $('#c_b input').click(updateTextArea);
   updateTextArea();
 });

每当用户选中一个复选框时，会将一个值添加到带有id = referralIds的INPUT字段中。

我的问题是，我该怎么办，所以每当取消选中复选框时，指定的值都会从INPUT中移除？

感谢。

Answer 1

只需设置输入区域的值（referralIds），然后使用each()函数迭代复选框，如下所示：

function updateTextArea() 
{
     var allVals = [];
     $('#c_b :checked').each(function(){
       allVals.push($(this).val());
     });
     jQuery('#referralIds').val(allVals);  
}
$(function() 
{
      $('#c_b input').click(updateTextArea);
      updateTextArea();
});

<强> Working Demo

从输入中删除值 - Jquery

1 个答案: