单击链接时,我试图在列表之间移动选中的项目:
$('#add').click(function() {
return !$('#select1 li:checked').appendTo('#select2');
});
$('#remove').click(function() {
return !$('#select2 li:checked').appendTo('#select1');
});
<ul id="select1">
<li>
<label>
<input type="checkbox" name="CheckboxGroup1" value="checkbox" id="CheckboxGroup1_0" />Checkbox 1</label>
</li>
<li>
<label>
<input type="checkbox" name="CheckboxGroup1" value="checkbox" id="CheckboxGroup1_1" />Checkbox 2</label>
</li>
<li>
<label>
<input type="checkbox" name="CheckboxGroup1" value="checkbox" id="CheckboxGroup1_2" />Checkbox 3</label>
</li>
</ul>
<ul id="select2">
<li>
<label>
<input type="checkbox" name="CheckboxGroup2" value="checkbox" id="CheckboxGroup2_0" />Checkbox 4</label>
</li>
<li>
<label>
<input type="checkbox" name="CheckboxGroup2" value="checkbox" id="CheckboxGroup2_1" />Checkbox 5</label>
</li>
<li>
<label>
<input type="checkbox" name="CheckboxGroup2" value="checkbox" id="CheckboxGroup2_2" />Checkbox 6</label>
</li>
</ul>
<a href="#" id="add">add</a>
<a href="#" id="remove">remove</a>
目前,如果我点击添加或删除链接,它只会移动整个列表之一。