Как я могу установить свои данные как JSON в скрытом поле ввода

У меня есть поле ввода, подобное приведенному ниже

 <input type="hidden" value="" id="inputField">

Теперь у меня есть список продуктов, и для каждого продукта есть флажок. Когда пользователь нажимает на флажок, я получаю идентификатор и название продукта. Теперь я хочу снова сохранить его в скрытом поле, как показано ниже

<input type="hidden" 
       value="[{"product_id":123,"name":"stack"},{"product_id":456,"name":"overflow"}]"
       id="inputField"
>

Мой первый вопрос: как я могу это сделать и как я могу создать JSON?

Во-вторых, если пользователь снова снимает флажок продукта, мне нужно получить текущее скрытое значение и преобразовать его в некоторую структуру данных, удалить непроверенный идентификатор поля из структуры данных и затем снова сохранить его в скрытом поле.

Есть ли библиотека, которая выполняет эту работу на JavaScript?