2

我有一个物品清单。我希望用户选择一个列表以使用单选按钮添加项目来选择列表。

我知道 php 和那种爵士乐，但我是 jquery 新手。我拼凑了一些我找到的代码，但我不知道如何让移动依赖于单选按钮。

如果有人知道怎么做，那就太棒了。如果有人知道我应该在哪里自己寻找它，那也很棒。不怕学习，只是不知道从哪里开始。

4

2 回答 2

1

我在您的代码中添加了一些逻辑。我禁用了多选，直到选择了单选选项，然后根据选择使用分配了三元条件的变量来分配要附加到的正确列表：

小提琴：http: //jsfiddle.net/cWHR7/3/

$("#button1").click(function(){
    $("#list1 > option:selected").each(function(){
        //Get the right list to append to
        var list = $(":radio:checked").val() == 1 ? $("#lista") : $("#listb");

        //Append away!
        $(this).remove().appendTo(list);
    });
});

//Enable the list
$(":radio").change(function() {
    $("#list1").prop("disabled", false);
});

编辑：您的列表也有重复的 ID，因此我将它们更改为lista和listb

于 2013-10-01T02:15:19.053 回答
1

@tymeJV 的答案是正确的，但更简单的 UI 选项（更少的点击）是只有两个按钮：

<button class="move" value="#lista">Move to list A</button>
<button class="move" value="#listb">Move to list B</button>

和点击处理程序：

$('body').on('click', '.move', function() {
    var list = $(this).val();
    $("#list1 > option:selected").each(function(){
        $(this).remove().appendTo(list);
    });
});
于 2013-10-01T02:22:48.393 回答