Как checkbox-ом передать определенное value в скрытый input?

Question

[Pitman77]

Здравствуйте!
Помогите пожалуйста с jQuery.

Задача такая:
На странице добавления материала нужно вставить несколько чекбоксов, которые в скрытые input text с определенными классами добавляли бы значение value="true" по клику на чекбоксы и убирали значения (или меняли на false) при снятии галки с чекбокса.

<div>
<input name="other13" id="input_extrafl13" class="input_extraf3" value="" type="text">
<label><input id="ispen" name="is_pending" type="checkbox"> Чекбокс 1</label>
</div>
<div>
<input name="other14" id="input_extrafl14" class="input_extraf4" value="" type="text">
<label><input id="isopen" name="is_openinging" type="checkbox"> Чекбокс 2</label>
</div>

И самое важное - 2 этап: при редактировании материала, что бы скрипт проверял скрытые input и если находит значение true, то возвращает чекбоксу активное состояние. Возможно ли такое реализовать?
Заранее благодарю каждого пришедшего на помощь!

Answer 1

[msdos-x86]

<script>
		document.getElementById('ispen').addEventListener('change', function() {
			this.checked ? document.getElementById('input_extrafl13').value = true : document.getElementById('input_extrafl13').value = false; 
		});
		document.getElementById('isopen').addEventListener('change', function() {
			this.checked ? document.getElementById('input_extrafl14').value = true : document.getElementById('input_extrafl14').value = false; 
		});
	</script>

Comments

[Pitman77]

msdos-x86, огромнейшее человеческое спасибо за Вашу помощь!!! Вы сделали именно то, что нужно! Но есть один нюанс. При клике на чекбокс он становится активным и в поле попадает значение true, при клике на второй чекбокс во второе поле так же попадает true, затем еще раз кликаем по чекбоксу, соответственно значение меняется на false.

Имеем:
1. Первое поле со значением true
2. Второе поле со значением false

<input name="other13" id="input_extrafl13" class="input_extrafl" value="true" type="text">
<input name="other14" id="input_extrafl14" class="input_extrafl" value="false" type="text">

Сохраняем страницу. Все замечательно - нужные значения в нужных полях получаю. Но зайдя на страницу редактирования все чекбоксы неактивные, хотя в первом поле value="true". Т.е. что происходит - в поле вписано true, я кликаю по неактивному чекбоксу, он становится активным, в поле значение true остается, затем еще раз кликаю по чекбоксу, меняется на false. Получается при последующем заходе на страницу поля со значением true не возвращают активность чекбоксам.

Может у Вас есть возможность допилить скрипт? И еще раз большое спасибо!!!

[msdos-x86]

Pitman77, как выглядит редактирование материала? это происходит в отдельной странице или где?

[Pitman77]

msdos-x86, да, все верно, в отдельной странице.

[msdos-x86]

Pitman77, ну тут уже надо параметры в URL передавать

[Pitman77]

msdos-x86, извиняюсь, я наверно неправильно Вас понял. Есть страницы материалов и есть страница добавления/редактирования материала. Скрипт установлен на последней, что бы при его помощи во время добавления или редактирования материала выбирать нужные чекбоксы, которые отправляют значения в скрытые поля, а на странице самого материала только оперировать значениями из этих полей. У вас все здорово получилось, просто часть 2 не работает. Грубо говоря написал статью, Вашим скриптом выбрал нужные чекбоксы и отправил в нужные поля значение true, сохранился. На странице с самим материалом нужные значения в нужных полях я получаю, но когда заходишь на страницу редактирования все чекбоксы неактивны (в нужных полях значение true при этом присутствует) - не видя какие чекбоксы отмечал со временем можно запутаться. Скрипт по сути работает как надо, но после сохранения и перезагрузки страницы не возвращает активное состояние чекбоксам, которые привязаны к полям со значением true.