Форум

AlexSergeev1990 · #1 (**permalink**) 29.07.2017, 12:14

Например у меня есть список с 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>

laimas · #2 (**permalink**) 29.07.2017, 12:26

В таком случае удалить id='дискета' и другие у флажков, id - это уникальный идентификатор.

Переносить только поля или же и список?

AlexSergeev1990 · #3 (**permalink**) 29.07.2017, 12:55

Сообщение от laimas

В таком случае удалить id='дискета' и другие у флажков, id - это уникальный идентификатор.

Переносить только поля или же и список?

Перебросить <li>c отмеченные чекбоксами.

laimas · #4 (**permalink**) 29.07.2017, 14:24

<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>

Форум

Справочник

Discord чат

Курсы javascript