Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Скрыть/показать кнопки созданные в цикле (https://javascript.ru/forum/dom-window/35428-skryt-pokazat-knopki-sozdannye-v-cikle.html)

jamescameron 10.02.2013 23:25

Скрыть/показать кнопки созданные в цикле
 
Доброго времени суток!
Коллеги нужна Ваша помощь!

С помощью цикла формируется группа radio button-ов и кнопка ответа. Цикл повторяется от 5 до 10 раз, в зависимости от записей в БД.

while ($object = $result->fetch_object()){
$i++;
<form name="form">
<p><label for=ans_1'.$i.'><input type=radio name=otv'.$i.' value=4 onchange=show_button(button'.$i.') id=ans_1'.$i.'><span class=custom radio></span>Практика применяется </label></p>
<p><label for=ans_2'.$i.'><input type=radio name=otv'.$i.' value=3 onchange=show_button(button'.$i.') id=ans_2'.$i.'><span class=custom radio></span>Практика применяется в большей степени</label></p>
<p><label for=ans_3'.$i.'><input type=radio name=otv'.$i.' value=2 onchange=show_button(button'.$i.') id=ans_3'.$i.'><span class=custom radio></span>Практика частично применяется</label></p>
<p><label for=ans_4'.$i.'><input type=radio name=otv'.$i.' value=1 onchange=show_button(button'.$i.') id=ans_4'.$i.'><span class=custom radio></span>Практика практически не применяется</label></p>
<p><label for=ans_5'.$i.'><input type=radio name=otv'.$i.' value=0 onchange=show_button(button'.$i.') id=ans_5'.$i.'><span class=custom radio></span>Практика не применяется</label></p>
<input type="button" class="button" id="button'.$i.'" style="display:none;" value="Ответить" onclick="get();"/>
</form>
}

Кнопка ответа должна появится после выбора одного из radio button-ов. Ранее был javascript

function show_button()
{
var button = document.getElementById("button");
button.style.display = "inline";
}
</script>
Но он не работаем в рамках данного цикла.

Помогите составить новый скрипт который демонстрировал бы кнопку после выбора одного из radio button-ов. Я полностью чайник в javascript и прошу при возможности давать раскрытые ответы.

Deff 11.02.2013 00:07

Цитата:

Сообщение от jamescameron
Но он не работаем в рамках данного цикла.

Наверно так
<script>
function show_button(button)
 {
 var button = document.getElementById(button);
 button.style.display = "inline";
 }
 </script>

jamescameron 11.02.2013 09:08

Спасибо. Я понял ход ваших мыслей относительно <script>. Исправил. Но проблема в том как передать функции значения (button'.$i.').

Deff 11.02.2013 14:22

Цитата:

Сообщение от jamescameron
Спасибо. Я понял ход ваших мыслей относительно <script>. Исправил. Но проблема в том как передать функции значения (button'.$i.').

Цитата:

Сообщение от jamescameron
(button'.$i.').

button передаётся тут
Цитата:

<label for=ans_5'.$i.'><input type=radio name=otv'.$i.' value=0 onchange=show_button(button'.$i.') id=ans_5'.$i.'><span class=custom radio></span>Практика не применяется</label>


Часовой пояс GMT +3, время: 08:52.