Изменить цвет элемента списка, когда установлен флажок

0

Итак, у меня есть форма, эта форма имеет различные поля ввода, а также флажок, который пользователь может решить проверить. Затем пользователь может нажать кнопку "Отправить" в форме и сохранить ее в базе данных и создать элемент списка со своей информацией на другой странице.

Есть ли способ изменить цвет этого элемента списка, созданного в зависимости от того, установлен ли флажок?

Я знаю, что есть такой код, как:

$(":checkbox").on('click', function(){
 $(this).parent().toggleClass("checked");
});

но я не хочу, чтобы элемент списка флажка менял цвет, я хочу, чтобы элемент списка формы менял цвет, если флажок установлен в этой форме. Надеюсь, это имеет смысл. Можно ли сделать это?

HTML для чекбокса:

<li>
      <input type="checkbox" name="checkyes" id="checkyes" data-iconpos = "right">
      <label for="checkyes">Unpaid?</label>
</li>

Создание элемента списка из информации, указанной в форме:

db.transaction(function(transaction) {
    transaction.executeSql(
        'SELECT * FROM table1', [],
        function(transaction, result) {
            if (result != null && result.rows != null) {
                for (var i = 0; i < result.rows.length; i++) {
                    var row = result.rows.item(i);
                    $('#mylist').append('<li class = "inclist">'+'test'+'</li>');
                }
                $('#mylist').listview().listview('refresh');
            }
        }, 
        errorHandler
    );
}, errorHandler, nullHandler);

В отношении формы флажок находится внутри формы. Поэтому я думаю, когда я нажимаю submit, мне нужно как-то сохранить значение флажка внутри db, а затем использовать оператор select с условием?

HTML для самой формы - это всего лишь серия элементов списка с полями ввода.

  • 2
    Добавьте немного релевантного HTML
  • 0
    Хорошо, позвольте мне показать мой код для флажка и генерации элемента списка повесить на
Теги:
checkbox

1 ответ

0
Лучший ответ

изменить использование не нажмите

$(":checkbox").on('change', function(){
 $(this).closest("desired element").toggleClass("checked");
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню