Как вывести данные из input на экран в формат json?

Question

[Alex_87]

Здравствуйте! Подскажите пожалуйста, как вывести данные из input, checkbox, которые ввёл пользователь, на определённый div в формат json?

Answer 1

[Andrew]

Ответ
Можете просто отметить решением

Comments

[Alex_87]

Спасибо тебе большое, добрый человек! Что бы я без вас делал! Классно, что помогаете! Я проверю на своём коде и напишу, если можно... И ещё, не сочти за грубости, как добавлять выделенный текст в буфер?

[Andrew]

Alex_87,
Тут понятно

[Alex_87]

Andrew, Объясни мне пожалуйста, почему мне в JSON формате, выходит про все checkbox: "online":"on","Web":"on","Has":"on" - ON, даже в том случае, когда они не активны
У тебя тоже самое. Игра с атрибутом value не помогает... Нужно как-то прописать, что по дефолту значение none, а если кликнули - то Yes

<div class="form-group">
                                                        <div class="checkbox">
                                                            
                                                            <input autocomplete="off" name="online" type="checkbox" class="checkboxLike" id="checkboxLike" />
                                                            <label for="checkboxLike">Online</label>
                                                        </div>
                                                        <div class="checkbox">
                                                            
                                                            <input autocomplete="off" name="Web" type="checkbox" class="checkboxLike2" id="checkboxLike2" />
                                                            <label for="checkboxLike2">New</label>
                                                        </div>
                                                        <div class="checkbox">
                                                            
                                                            <input autocomplete="off" name="Has" type="checkbox" class="checkboxLike3" id="checkboxLike3" />
                                                            <label for="checkboxLike3">Has</label>
                                                        </div>
                                                    </div>

[Шохрух Шаймардонов]

Alex_87, потому что сериализуется значение аттрибута value, а у input[type="checkbox"] надо получать состояние аттрибута checked, чтобы понимать активен он или нет. Навряд ли вам пригодится value у checkbox/radio

[Alex_87]

Шохрух Шаймардонов, а как получать это состояние? Что нужно проверять в условие? Я ищу, уже даже просто тупо ставлю checked у input и проверяю его этим кусочком кода:

var el = form.querySelector( "checkboxLike" );

if($(el).prop("checked") == 'checked') {
                $(el).val("YES");
             }

И ничего не получается...

[Шохрух Шаймардонов]

Alex_87,

[Alex_87]

Шохрух Шаймардонов, спасибо, а что с этой строчкой не так?
checkBox.value = "Yes";

[Шохрух Шаймардонов]

Alex_87, все так. Но зачем вам валю у чекбокса? Валю нужен для полей ввода. А тут у моря 2 состояния. Тру фолс

[Alex_87]

хорошо! Полагаю вы правы! Но как считывать эти состояния true/false так, чтобы они добавлялись вместе с остальными данными в JSON формат? Пока что, я получаю это: "online":"on","Web":"on","Has":"on"