|
сумма, количество и среднее арифметическое выбранных input
avdotion,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
[type="checkbox"]+input{
display: none;
}
:checked+input{
display: inline;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
function calc() {
var sum = [0,0,0];
$(":checked+input").val(function(i, v) {
var num = +v || 0;
num > 100 && (num = 100);
num < 0 && (num = 0);
sum[0] += num;
sum[1] = ++i;
sum[2] = (sum[0]/sum[1]).toFixed(2)
return num||""
});
$(".res").html(sum.join(" "))
}
$('[type="text"]').on("input", calc)
$('[type="checkbox"]').on("click", calc)
});
</script>
</head>
<body>
<ul>
<li><input type="checkbox" /><input type="text" maxlength="3"/></li>
<li><input type="checkbox" /><input type="text" maxlength="3"/></li>
<li><input type="checkbox" /><input type="text" maxlength="3"/></li>
<li><input type="checkbox" /><input type="text" maxlength="3"/></li>
</ul>
<div class="res"></div>
</body>
</html>
Последний раз редактировалось рони, 07.01.2017 в 16:19.
|