Форум

tohenson · #1 (**permalink**) 18.05.2014, 18:22

Есть три чекбокса
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

рони · #2 (**permalink**) 18.05.2014, 19:09

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>

Форум

Справочник

Discord чат

Курсы javascript