Переброска элементов
Например у меня есть список с checkbox
<div id='left'> <ul id='spisok'> <li><input type='checkbox' id='дискета' checked/>Дискета</li> <li><input type='checkbox' id='usb' checked />usb</li> <li><input type='checkbox' id='usb3' />usb 3.0</li> </ul> </div> Как сделать так что бы при нажатий button перекидовало только выбранные чекбоксы с названиями в <div id='right'>! <div id='right'> </div> |
В таком случае удалить id='дискета' и другие у флажков, id - это уникальный идентификатор.
Переносить только поля или же и список? |
Цитата:
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function() {
$('button').click(function() {
$('<ul/>').appendTo($('#right')).append(
$('#spisok li').filter(function() {
return $(this).find(':checked').length
}).clone()
);
})
});
</script>
</head>
<body>
<div id="left">
<ul id="spisok">
<li><input type="checkbox" checked />Дискета</li>
<li><input type="checkbox" checked />usb</li>
<li><input type="checkbox" />usb 3.0</li>
</ul>
</div>
<div id="right"></div>
<button>Move</button>
</body>
</html>
|
| Часовой пояс GMT +3, время: 20:48. |