Добавить значения из CheckBox в Input
Есть три чекбокса
PHP код: <input id="add1" type="checkbox" value="Значение 1"> <input id="add2" type="checkbox" value="Значение 2"> <input id="add3" type="checkbox" value="Значение 3"> И обычный input PHP код: <input type="text" id="inp"> Подскажите, как можно по клику на ЧЕКБОКС добавлять значения в input. Чтобы могли получиться при трех выбранных чекбоксах в ИНПУТЕ: Значение 1, Значение 1, Значение 1 |
значение checkbox в input
tohenson,
:-?
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<input id="add1" type="checkbox" value="Значение 1">
<input id="add2" type="checkbox" value="Значение 2">
<input id="add3" type="checkbox" value="Значение 3">
<input type="text" id="inp" size="35">
<script>
var inputs = Array.prototype.slice.call(document.querySelectorAll('[type="checkbox"]')),
inp = document.querySelector("#inp");
inputs.forEach(function (c) {
c.onclick = function () {
var a = [];
inputs.forEach(function (b) {
b.checked && a.push(b.value)
});
inp.value = a
}
});
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 10:15. |