[html]<div id="calc"><input id="wolf" type="checkbox" checked/>
<label for="wolf"> Волк</label>
<input id="satellite" type="checkbox"/>
<label for="satellite"> Спутник</label>
<input id="ghost" type="checkbox"/>
<label for="ghost"> Призрак</label>
<input id="other" type="checkbox"/>
<label for="other"> Другое животное</label>
<label for="brotherhood"> Братство</label>
<input id="brotherhood" type="checkbox"/>
<br><br>
<table>
<tr>
<td width="20%"><b>Краткая информация</b></td><td width="40%"></td><td width="40%"></td>
</tr>
<tr>
<td>Анкета</td><td><input id="profile" type="text"/></input></td><td>прямая ссылка</td>
</tr>
<tr>
<td>Отношения</td><td><input id="relations" type="text"/></input></td><td>прямая ссылка</td>
</tr>
<tr class="satellite ghost other brotherhood">
<td>Вид</td><td><input id="species" type="text"/></input></td><td></td>
</tr>
<tr class="ghost">
<td>Тип</td><td><input id="ghost_type" type="text"/></input></td><td>Призрак/Полтергейст</td>
</tr>
<tr>
<td>Возраст</td><td><input id="age" type="text"/></input></td><td></td>
</tr>
<tr>
<td>Пол</td><td><input id="gender" type="text"/></input></td><td>м|ж;</td>
</tr>
<tr class="wolf brotherhood">
<td>Статус |Ранг|</td><td><input id="status" type="text"/></input></td><td></td>
</tr>
<tr class="wolf">
<td>Спутник</td><td><input id="satellite_name" type="text"/></input></td><td>&lt;a href="ссылка на профиль спутника"&gt;имя спутника;&lt;/a&gt;</td>
</tr>
<tr class="satellite">
<td>Контракт</td><td><input id="contract" type="text"/></input></td><td></td>
</tr>
<tr class="satellite">
<td>Хозяин</td><td><input id="master" type="text"/></input></td><td>&lt;a href="ссылка на профиль хозяина"&gt;имя хозяина;&lt;/a&gt;</td>
</tr>
<tr class="ghost">
<td>Связан с</td><td><input id="bond" type="text"/></input></td><td>&lt;a href="ссылка на профиль"&gt;имя персонажа;&lt;/a&gt;</td>
</tr>
<tr class="satellite">
<td>Дар</td><td><input id="gift" type="text"/></input></td><td></td>
</tr>
<td><br><b>Подробная информация</b></td><td><span id="warning"></span></td><td></td>
<tr class="wolf satellite other brotherhood">
<td>Физическая внешность</td><td><textarea id="exterior" ></textarea></td><td></td>
</tr>
<tr class="satellite ghost">
<td>Духовная внешность</td><td><textarea id="exterior_sat" ></textarea></td><td>только для спутников и призраков</td>
</tr>
<tr>
<td>Характер</td><td><textarea id="character" ></textarea></td><td></td>
</tr>
<tr>
<td>Особенности</td><td><textarea id="feature" ></textarea></td><td>Каждая особенность с новой строчки без точек (•), лишних строк не оставлять<br>
Для Ваиров это всегда будет дар предсказания.<br>Для спутников это всегда будет указание "Дух" или "Душа"</td>
</tr>
<tr>
<td><input onclick="calculate()" type="submit" value="Подготовить код"/></td><td></td><td></td>
</tr>
<tr>
<td colspan="3"><br>Вставьте высветившийся ниже результат в тему, не забудьте удалить звездочки (*)<br><textarea id="result_1">...</textarea></td>
</tr>
</table>
</div>

<style>
input#wolf:not(:checked) ~ table .wolf, input#satellite:not(:checked) ~ table .satellite, input#ghost:not(:checked) ~ table .ghost, input#other:not(:checked) ~ table .other, input#brotherhood:not(:checked) ~ table .brotherhood {
display: none;
}

input#wolf ~ table .wolf, input#satellite ~ table .satellite, input#ghost ~ table .ghost, input#other ~ table .other, input#brotherhood ~ table .brotherhood {
display: table-row;
}

#calc table input, #pun-main table textarea {
width:95%;}

#calc table textarea {
height:100px;
width:95%;}

#calc table td {
border-width: 0px!important;}
</style>

<script>
function input_length() {
let exterior = $('#exterior').val().length;
let exterior_sat = $('#exterior_sat').val().length;
let character = $('#character').val().length;
let feature = $('#feature').val().replace(/\n/gi, '<br>•&ensp;').length;
let res = 914;
if ($('#satellite').is(':checked')) {
    res = 864 - exterior - exterior_sat - character - feature;
} else if ($('#ghost').is(':checked')) {
    res = 893 - exterior_sat - character - feature;
} else {
    res = 914 - exterior - character - feature;
}
$('#warning').html(`осталось символов на заполнение:` + res);
}

input_length();

function inputCheck() {

if ($('#satellite').is(':checked') || $('#wolf').is(':checked') || $('#other').is(':checked')) || $('#brotherhood').is(':checked')) {
    $('#calc table tr.satellite.wolf.other.brotherhood').css('display', 'table-row')
}
if ($('#satellite').is(':not(:checked)') && $('#wolf').is(':not(:checked)') && $('#other').is(':not(:checked)')) && $('#brotherhood').is(':not(:checked)')) {
    $('#calc table tr.satellite.wolf.other.brotherhood').css('display', 'none')
}

if ($('#satellite').is(':checked') || $('#ghost').is(':checked')) {
    $('#calc table tr.satellite.ghost').css('display', 'table-row')
}
if ($('#satellite').is(':not(:checked)') && $('#ghost').is(':not(:checked)')) {
    $('#calc table tr.satellite.ghost').css('display', 'none')
}

if ($('#satellite').is(':checked') || $('#ghost').is(':checked') || $('#other').is(':checked')) || $('#brotherhood').is(':checked')) {
    $('#calc table tr.satellite.ghost.other.brotherhood').css('display', 'table-row')
}
if ($('#satellite').is(':not(:checked)') && $('#ghost').is(':not(:checked)') && $('#other').is(':not(:checked)')) && $('#brotherhood').is(':not(:checked)')) {
    $('#calc table tr.satellite.ghost.other.brotherhood').css('display', 'none')
}

}

inputCheck();

$('#calc input:checkbox').click(function () {
if ($(this).is(':checked')) {
    $('#calc input:checkbox').not(this).prop('checked', false);
}
inputCheck();
input_length();
});

$('#exterior, #exterior_sat, #character, #feature').bind('input', input_length);

function calculate() {
let profile = $('#profile').val();
let relations = $(`#relations`).val();

let species = $('#species').val();
        let ghost_type = $('#ghost_type').val();
let age = $('#age').val();
let gender = $('#gender').val();
let status = $('#status').val();
let satellite_name = $('#satellite_name').val();
let contract = $('#contract').val();
let master = $('#master').val();
        let bond = $('#bond').val();
let gift = $('#gift').val();

let exterior = $('#exterior').val();
let exterior_sat = $('#exterior_sat').val();
let character = $('#character').val();
let feature = $('#feature').val().replace(/\n/gi, '<br>•&ensp;');

console.log(ghost_type)

if ($('input#wolf').is(':checked')) {
$(`#result_1`).val(`Ссылки и краткая информация
[*code]<a href="` + profile + `">Анкета</a> <a href="` + relations + `">Отношения</a><div class="pers_Info"><p><b>Возраст:</b>` + age + `;</p><p><b>Пол:</b>` + gender + `;</p><p><b>Статус |Ранг|:</b>` + status + `;</p><p><b>Спутник:</b>` + satellite_name + `</p></div>[/*code]
Подробная информация
[*code]<div class="pers_moreInfo"><b>Внешность</b>` + exterior + `.<b>Характер</b>` + character + `.<b>Особенности</b>•&ensp;` + feature + `[/*code]`)
}
if ($('input#satellite').is(':checked')) {
$(`#result_1`).val(`Ссылки и краткая информация
[*code]<a href="` + profile + `">Анкета</a> <a href="` + relations + `">Отношения</a><div class="pers_Info"><p><b>Вид:</b>` + species + `;</p><p><b>Возраст:</b>` + age + `;</p><p><b>Пол:</b>` + gender + `;</p><p><b>Контракт:</b>` + contract + `;</p><p><b>Хозяин:</b> ` + master + `</p><p><b>Дар:</b>` + gift + `;</p></div>[/*code]
Подробная информация
[*code]<div class="pers_moreInfo"><b>Внешность</b><u>физическая:</u>&ensp;` + exterior + `.<br><u>духовная:</u>&ensp;` + exterior_sat + `<b>Характер</b>` + character + `.<b>Особенности</b>•&ensp;` + feature + `[/*code]`)
}

if ($('input#ghost').is(':checked')) {
$(`#result_1`).val(`Ссылки и краткая информация
[*code]<a href="` + profile + `">Анкета</a> <a href="` + relations + `">Отношения</a><div class="pers_Info"><p><b>Вид:</b>` + species + `;</p><p><b>Тип:</b>` + ghost_type + `;</p><p><b>Возраст:</b>` + age + `;</p><p><b>Пол:</b>` + gender + `;</p><p><b>Связан с:</b> ` + bond + `</p></div>[/code*]
Подробная информация
[*code]<div class="pers_moreInfo"><b>Внешность</b><u>духовная:</u>&ensp;` + exterior_sat + `<b>Характер</b>` + character + `.<b>Особенности</b>•&ensp;` + feature + `[/code*]`)
}

if ($('input#other').is(':checked')) {
$(`#result_1`).val(`Ссылки и краткая информация
[*code]<a href="` + profile + `">Анкета</a> <a href="` + relations + `">Отношения</a><div class="pers_Info"><p><b>Вид:</b>` + species + `;</p><p><b>Возраст:</b>` + age + `;</p><p><b>Пол:</b>` + gender + `;</p></div>[/*code]
Подробная информация
[*code]<div class="pers_moreInfo"><b>Внешность</b>` + exterior + `.<b>Характер</b>` + character + `.<b>Особенности</b>•&ensp;` + feature + `[/*code]`)
}

if ($('input#brotherhood').is(':checked')) {
$(`#result_1`).val(`Ссылки и краткая информация
[*code]<a href="` + profile + `">Анкета</a> <a href="` + relations + `">Отношения</a><div class="pers_Info"><p><b>Вид:</b>` + species + `;</p><p><b>Возраст:</b>` + age + `;</p><p><b>Пол:</b>` + gender + `;</p><p><b>Статус |Ранг|:</b>` + status + `;</p></div>[/*code]
Подробная информация
[*code]<div class="pers_moreInfo"><b>Внешность</b>` + exterior + `.<b>Характер</b>` + character + `.<b>Особенности</b>•&ensp;` + feature + `[/*code]`)
}
}
</script>[/html]