Question

我有2个可排序列表。当我将内容拖到另一个列表时，我想将一个无线电组附加到列表项。

SAMPLE LISTS（sortable1在从可排序的2中移出之前没有列表项目）

<ul id="sortable1" class="connectedSortable">
</ul>

 <ul id="sortable2" class="connectedSortable">
    <li class="ui-state-highlight">Item 1</li>
    <li class="ui-state-highlight">Item 2</li>
    <li class="ui-state-highlight">Item 3</li>
    <li class="ui-state-highlight">Item 4</li>
    <li class="ui-state-highlight">Item 5</li>
  </ul>

当我将列表项从sortable2移动到sortable1时，我想将一个无线电组附加到列表中。

将3个单选按钮附加到可排序1的JQUERY：

$( "tbody.connectedSortable" ).sortable({   
receive: function( event, ui ) // add radio boxes on drop
 {

                ui.item.append("<input type='radio' name='test' value='test1'><input type='radio' name='test' value='test2'><input type='radio' name='test' value='test3'>");
                //console.log ("");

 },

问题：如何动态地将UNIQUE名称添加到广播组？上面的代码添加了单选按钮，但所有单选按钮都是同一组。

Answer 1

像这样创建一个变量全局：

var countGroup = 0;

并在附加中，执行此操作：

$( "tbody.connectedSortable" ).sortable({   
receive: function( event, ui ) // add radio boxes on drop
 {

                ui.item.append("<input type='radio' name='group"+ countGroup +"' value='test1'><input type='radio' name='group"+ countGroup +"' value='test2'><input type='radio' name='group"+ countGroup +"' value='test3'>");
                 countGroup = countGroup +1;
                //console.log ("");

 },

如果你想获得值，请执行以下操作：

function getSelectedRadioButtons(){
       for(var i = 0; i <= countGroup; i++){
         console.log($("input[name=group" + i + "]:checked").val());
       }

}

将单选按钮组添加到可排序列表

1 个答案: