Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.07.2024, 19:49
Профессор
Отправить личное сообщение для savsoft Посмотреть профиль Найти все сообщения от savsoft
 
Регистрация: 03.01.2019
Сообщений: 162

Сохранить содержимое блока html с чекбоксами.
Все привет,

Для одной задачи решил не заморачиваться, а просто сохранить содержимое блока, как html.

Все работало, пока не попались чекбоксы. И вот их состояние нужно сохранять отдельно, или править html, добавлять нужным чекбоксам checked. Может можно как-нибудь по другому?

Вот пример
<!DOCTYPE html> 

<html> 

<head> 
	<title>Test</title> 
	<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
</head> 

<body> 
	<section id="sct">
		<div>
			<input style="background: #80eda5; border: solid 1px green; border-radius: 50%;" type="checkbox" id="tf_t1" value="1">
			<input style="background: #fa9996; border: solid 1px red; border-radius: 50%;" type="checkbox" id="tf_f1" value="1"><br>
			<button id="getsct">Get section html</button>
		</div>
	</section>

<script>
$(function() {
	$("#getsct").click(function() {
		alert($("#sct").html());
	});
});	
</script>

</body> 

</html>
Ответить с цитированием
  #2 (permalink)  
Старый 06.07.2024, 21:55
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,102

savsoft,
<!DOCTYPE html>
<html>

<head>
    <title>Test</title>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
</head>

<body>
    <section id="sct">
        <div>
            <input style="background: #80eda5; border: solid 1px green; border-radius: 50%;" type="checkbox" id="tf_t1" value="1">
            <input style="background: #fa9996; border: solid 1px red; border-radius: 50%;" type="checkbox" id="tf_f1" value="1"><br>
            <button id="getsct">Get section html</button>
        </div>
    </section>
    <script>
        $(function() {
            $("#getsct").click(function() {
                $("#sct :checkbox").each(function(i, e) {
                    e.checked ? e.setAttribute("checked", "checked") : e.removeAttribute("checked");
                });
                alert($("#sct").html());
            });
        });
    </script>
</body>

</html>
Ответить с цитированием
  #3 (permalink)  
Старый 06.07.2024, 22:14
Профессор
Отправить личное сообщение для savsoft Посмотреть профиль Найти все сообщения от savsoft
 
Регистрация: 03.01.2019
Сообщений: 162

Сообщение от рони Посмотреть сообщение
savsoft,
$("#sct :checkbox").each(function(i, e) {
                    e.checked ? e.setAttribute("checked", "checked") : e.removeAttribute("checked");
                });
Спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как загрузить в переменную содержимое блока другой страницы? Hasanaga999 jQuery 3 25.04.2013 23:27
вычисление и фиксация ширины блока konstantin-mn jQuery 2 27.08.2012 11:42
Событие при наведение мыши, которое раскроет содержимое блока (элемента)... aklak Элементы интерфейса 3 27.03.2012 11:30
Получить содержимое HTML файла через input Battleprof Events/DOM/Window 5 13.06.2011 14:51
По клику на ссылку меняем содержимое внутри блока goooooch Общие вопросы Javascript 6 26.01.2011 15:25