Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<div class="tab">
  <ul>
    <form name="Sum">
    <li id="">
      <div>
        <input type="checkbox" value="1"/>
        <input type="checkbox" value="2"/>
        <input type="checkbox" value="3"/>
        <input type="checkbox" value="4"/>
        <input type="checkbox" value="5"/>
      </div>
    </li>
    <li id="">
      <div>
        <input type="checkbox" value="6"/>
        <input type="checkbox" value="7"/>
        <input type="checkbox" value="8"/>
      </div>
    </li>
    <li id="">
      <div>
        <input type="checkbox" value="9"/>
        <input type="checkbox" value="10"/>
        <input type="checkbox" value="11"/>
      </div>
    </li>
    </form>
  </ul>
  </div>
   <p id="rezultat">всего: 0</p>
  
</body>
</html>
 
​
var s = document.forms.Sum,
    d = s.querySelectorAll('input[type="checkbox"]:not([value]), input[type="checkbox"][value=""]');
  for (var i = 0; i < d.length; i++)
    d[i].disabled = true;
s.onchange = function() {
  var n = s.querySelectorAll('[type="checkbox"]'),
      itog = 0;
  for(var j=0; j<n.length; j++)
    n[j].checked ? itog += parseFloat(n[j].value) : itog;
    document.getElementById('rezultat').innerHTML = 'Сумма: ' + itog;
}
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers