Question

我有几个带有复选框的网格视图。我希望gridview中的选定项目填充在单独的列表中。请建议我一个有用的JavaScript库。示例如下：请参见图片

http://i46.tinypic.com/2ibnar5.jpg

Answer 1

您可以使用cloneNode DOM方法执行此操作，但使用jQuery会更容易。未经检验的概念代码：

<script type="text/javascript" src="jquery-1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("input:checkbox").click(function() {
        if($(this).is(':checked')) {
            var $item = $("<li id=\"copy_" + $(this).attr("id") +  "\">");
            $item.text($(this).parent().text());
            $("#selectedList").append($item);
        }
        else {
            $("#copy_" + $(this).attr("id"), "#selectedList").remove();
        }
    });
});
</script>

在你的HTML中：

<ul id="itemList">
    <li><input type="checkbox" id="one" />one</li>
    <li><input type="checkbox" id="two" />two</li>
</ul>
<ul id="selectedList"></ul>

HTH，

JS

使用Javascript将gridview中的选定项添加到列表中

1 个答案: