Димамически изменяемый текст в ячейках таблицы при выборе радиокнопки

@Kristofkadavr · Регистрация: 29.03.2016

Author24 — интернет-сервис помощи студентам

Привет.
Только начинаю разбираться с JS, но всё еще бесконечно далек от желаемого результата.
Очень надеюсь на совет.
Что, собственно, требуется: есть 6 радиокнопок. При выборе какой-либо из них появляется табличка с разными значениями в одной (!) из ячеек.(ну, либо на каждую из радиокнопок можно повесить отдельно отрисованую таблицу.

HTML5

<!DOCTYPE HTML>
<html>
<head>
        <meta charset="utf-8">
        <link href="css.css" rel="stylesheet" type="text/css" />
        <title>Дежурным  инженерам</title>
</head>
<body>
 
 
<form  name="Sistems" action="#" method="get" id="choose">
 
<p><b Style="font-size:18px">Выберите систему:</b></p>
 
<input type="radio" name="systems" id="vent" checked>
<label for="vent">Система вентиляции</label>
 
<input type="radio" name="systems" id="fire">
<label for="fire">Система пожаротушения</label>
 
<input type="radio" name="systems" id="energy">
<label for="energy">Энергоцентр и энергосистемы</label>
 
<input type="radio" name="systems" id="video">
<label for="video">Видеонаблюдение</label>
 
<input type="radio" name="systems" id="cool">
<label for="cool">Система охлаждения</label>
 
<input type="radio" name="systems" id="custom">
<label for="custom">Другое</label>
</form>
 
<br>
 
 
 
</body>
</html>

Знаю, что косяков даже тут у меня много. Хочется понять сам принцип, по которому можно менять значение в ячейке. сама таблица:

HTML5

<table border="3">
    <caption> ТЕМА ПИСЬМА</caption> <!-- заголовок таблицы-->
    <tr>
        <td class="one">Дата:</td>
        <td> </td>
    </tr>
    <tr>
        <td class="one">Время:</td>
        <td> : MSK</td>
    </tr>
    <tr>
        <td class="one">Работы проводятся на системе:</td>
        <td>ВОТ ТУТ НАДО МЕНЯТЬ  ЗНАЧЕНИЕ</td>
    </tr>
    <tr>
        <td class="one">Влияние на:</td>
        <td></td>
    </tr>
    <tr>
        <td class="one">Тип работ:</td>
        <td></td>
    </tr>
    <tr>
        <td class="one">Контактные лица по проведению работ:</td>
        <td></td>
    </tr>
    <tr>
        <td class="one">Организатор:</td>
        <td></td>
    </tr>
    <tr>
        <td class="one">Приглашены:</td>
        <td></td>
    </tr>
</table>

@Kristofkadavr · 01.04.2016, 12:46 **[ТС]**

Уже не актуально, разобрался и сделал через innerHTML.

@Kristofkadavr 0 / 0 / 1 Регистрация: 29.03.2016 Сообщений: 50
	01.04.2016, 12:46 [ТС]	2
	Уже не актуально, разобрался и сделал через innerHTML. 0