Итак, у меня есть форма, эта форма имеет различные поля ввода, а также флажок, который пользователь может решить проверить. Затем пользователь может нажать кнопку "Отправить" в форме и сохранить ее в базе данных и создать элемент списка со своей информацией на другой странице.
Есть ли способ изменить цвет этого элемента списка, созданного в зависимости от того, установлен ли флажок?
Я знаю, что есть такой код, как:
$(":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 для самой формы - это всего лишь серия элементов списка с полями ввода.
изменить использование не нажмите
$(":checkbox").on('change', function(){
$(this).closest("desired element").toggleClass("checked");
});