1

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

样本列表（可排序 1 在从可排序 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 ("");

 },

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

4

1 回答 1

0

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

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());
       }

}

于 2013-09-26T22:48:11.763 回答