Скрипт при работе с чербоксами
Есть чекбоксы с разными значениями:
<!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 узнать какой из чекбоксов стал активным? |
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,
if (target.tagName == "INPUT" && target.type == "checkbox" && target.checked) {
|
надо видимо, почитать на досуге о target :)
:thanks: |
| Часовой пояс GMT +3, время: 05:58. |