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>