Изменения checkbox
Ребят подскажите как сделать копирование отмеченных checkbox-ов в другой див. Я сделал копирование всех checkbox-ов.
Но мне нужно не просто копирование , а так чтобы если checkbox отмечался то он копировался в другой див, а если с него снята галочка то он удалялся оттуда. |
Цитата:
Ease. |
Цитата:
|
Цитата:
<script>
$("input:checkbox").change(function(){
if($(this).prop('checked')){
$(this).clone().prependTo($('#right'));
}else{
$(this).detach();
}
});
</script>
условие else удаляет с которых снята галочка...а мне нужно чтобы удаляло только клоны, при снятий отметки.... |
Цитата:
У клонов есть какое-то соответствие с оригиналом? Если нет - так нужно сделать его, потом по тому соответствию искать и удалять. |
AlexSergeev1990,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$("#left").on("click", "input:checkbox", function() {
var data = $(this).data();
this.checked ? (data.clone = $(this).clone().prependTo("#right")): data.clone.remove()
})
});
</script>
</head>
<body>
<div id="left"><input name="" type="checkbox"><input name="" type="checkbox"><input name="" type="checkbox"></div>
<div id="right"></div>
</body>
</html>
|
Спасибо большое) Все оказывается проще)
|
Ребят все хорошо)все правильно) но у меня еще одна стена!!Подскажите а как сделать чтобы скопировался и текст например у меня
список <ul> <li><input name="" type="checkbox">Яблоко</li> <li><input name="" type="checkbox">Груша</li> <li><input name="" type="checkbox">Слива</li> </ul> скрипт копирует только checkbox без названии....а мне надо чтобы там был такой же список// |
Цитата:
<label>...</label> |
Цитата:
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$("#left").on("click", "input:checkbox", function() {
var data = $(this).data();
this.checked ? (data.clone = $(this).parent().clone().prependTo("#right")): data.clone.remove()
})
});
</script>
</head>
<body>
<ul id="left">
<li><input name="" type="checkbox">Яблоко</li>
<li><input name="" type="checkbox">Груша</li>
<li><input name="" type="checkbox">Слива</li>
</ul>
<ul id="right"></ul>
</body>
</html>
|
| Часовой пояс GMT +3, время: 07:13. |