复选框+列表视图Jquery Mobile

时间:2013-08-17 01:46:57

标签: jquery ajax list mobile checkbox

我通过ajax获取listview的数据,

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

我希望每个项目都有一个复选框,并希望能够获得每个列表项的单独复选框值。我不知道如何处理这个问题,并希望得到任何帮助

1 个答案:

答案 0 :(得分: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);
});