Javascript 选中复选框时更改列表元素的颜色

好的，我有一个表单，这个表单有各种输入框，还有一个用户可以决定选中的复选框。然后，用户可以在表单上单击submit，表单存储在数据库中，并生成一个列表元素，其信息位于不同的页面上

根据复选框是否被选中，是否可以更改生成的列表元素的颜色

我知道有这样的代码：

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

但是我不希望复选框的列表元素改变颜色，我希望表单的列表元素改变颜色，如果复选框已经在表单中被选中。希望这是有道理的。有可能这样做吗

用于checbox的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");
});

---

添加一些相关的HTMLRight，让我显示复选框的代码，并生成列表元素挂起