Форум

dmitry111 · #1 (**permalink**) 27.08.2012, 17:28

Есть чекбоксы с разными значениями:

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>выпвып</title>
    <script>

</script>

</head>

<body>
<input type="checkbox" value="2">
<input type="checkbox" value="4">
<input type="checkbox" value="234">
<input type="checkbox" value="243">
<input type="checkbox" value="25432">

<div id="box">Сумма значений: <span id="sum"></span></div>

</body>
</html>

Как сделать, чтобы при клике по чекбоксу передавалось его значение в #sum.

Как в js узнать какой из чекбоксов стал активным?

lord2kim · #2 (**permalink**) 27.08.2012, 17:42

dmitry111,

<html>
<head>
    <meta charset="UTF-8">
    <title>выпвып</title>
    <script>
window.onload = function () {
    document.getElementById("inp").onclick = function (e) {
        e = e || event;
        var target = e.target || e.srcElement;
        if (target.tagName == "INPUT" && target.type == "checkbox")  {
            document.getElementById("sum").innerHTML = target.value;
        }
    }
}
</script>
 
</head>
 
<body>
<span id="inp">
<input type="checkbox" value="2">
<input type="checkbox" value="4">
<input type="checkbox" value="234">
<input type="checkbox" value="243">
<input type="checkbox" value="25432">
 </span>
<div id="box">Сумма значений: <span id="sum"></span></div>
 
</body>
</html>

dmitry111 · #3 (**permalink**) 27.08.2012, 17:56

спасибо, а как узнать когда чекбокс активен?

lord2kim · #4 (**permalink**) 27.08.2012, 17:59

dmitry111,

if (target.tagName == "INPUT" && target.type == "checkbox" && target.checked)  {

dmitry111 · #5 (**permalink**) 27.08.2012, 18:08

надо видимо, почитать на досуге о target

Форум

Справочник

Discord чат

Курсы javascript