значения Checkbox в TextField с помощью JQuery & Greasemonkey

Question

У меня есть настройки, глядя, как это:

<div id="problem"> 
    <table id="incident"> 
     <tr> 
      <td><input type="checkbox" value="value1"></td><td>value1</td> 
      <td><input type="checkbox" value="value2"></td><td>value2</td> 
     </tr> 
    </table> 
</div> 
... 
<input type="text" value="" id="textfield_a01" maxlength="254"/> 

Что им пытаются сделать, используя JQuery & Greasemonkey, это поставить каждое значение из каждого флажка, который был проверен в текстовое поле. И если флажок get не установлен, удалите это значение.

Прямо сейчас, я работал над чем-то подобным.

$(document).ready(function(){ 

    function updateTextfield() { 
     var vals = []; 

     $('#incident :checked').each(function() { 
      vals.push($(this).val()); 
     }); 

     $('#textfield_a01').val(vals) 
    } 

    $(function() { 
     $('#incident input').click(updateTextfield); 
     updateTextfield(); 
    }); 
}); 

Но да, это не работает, им думать, что это может быть из-за того, что Флажки внутри таблицы, но им не совсем уверен. Любые подсказки/рекомендации о том, где искать, отличные, спасибо заранее.

Answer 1

Почему бы вам просто не собрать всю информацию и не поместить ее в поле ввода в конце на submit? Таким образом вам не нужно было бы добавлять и удалять все это ...

В противном случае вы можете рассмотреть возможность создания массива для хранения каждого из отмеченных значений (удаление элемента массива при его удалении) и каждый раз, когда любой вход изменяется, очищается и записывает версию ввода массива toString во вход?