jquery - 复选框 + 列表视图 Jquery Mobile

Question

我正在通过 ajax 获取列表视图的数据，

$('#list').append('<li><a id=\"' + json[i].userID + '\">'+json[i].name+'</a></li>').trigger('create');

我希望每个项目也有一个复选框，并希望能够获取每个列表项的单个复选框值。我不知道如何解决这个问题，希望能提供任何帮助

Answer 1

好吧，您将首先在您的数据中附加一个复选框项目，并赋予它一些值（我将只使用json[i].name每个复选框的值）和一个类（用于处理程序目的）：

$('#list').append('<li>
    <input type="checkbox" value="' + json[i].name + '" class="appendedBox"/>
    <a id=\"' + json[i].userID + '\">'+json[i].name+'</a>
    </li>').trigger('create');
});

现在您可以为新复选框委派一个处理程序：

$("#list").on("change", ".appendedBox", function() {
    console.log(this.value);
});