qwerty_me,
<!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() {
function getDateHtml() {
var html = "Текущее время"
return html
}
function getListHtml() {
var html = "<ul><li>Это список</li></ul>"
return html
}
function getBlockHtml() {
var html = "<p style='color:#f00'>Это aбзац</p>"
return html
}
var arrFn = [getDateHtml, getListHtml, getBlockHtml];
$("#zeigen").click(function() {
var html = "";
$("[name='r1']").each(function(i) {
if (this.checked) html += arrFn[i]()
});
$("#show").html(html)
})
});
</script>
</head>
<body>
<form align = "center">
Отoбразить:<br>
<label><input class="checkbox" type="checkbox" id="tag und zeit" name="r1" value="1">Дату и время</label><br>
<label><input class="checkbox" type="checkbox" id="liste" value="1" name="r1">Список</label><br>
<label><input class="checkbox" type="checkbox" id="absatz" value="1" name="r1">Абзац текста красного цвета</label><br>
<button type="button" id= "zeigen">
Показать
</button>
<div id="show"></div>
</form>
</body>
</html>