Привет, у меня есть кнопки группы, которые я могу получить значение для каждой группы при нажатии кнопки в группе. В настоящее время я включаю скрипт для получения значения выбранной кнопки в группе при нажатии на нее. Мне нужен более короткий способ получить сумму всех активных кнопок при нажатии любой кнопки в любой группе.
$(document).ready(function() {
$('#E1L1 button').on('click', function() {
var thisBtn = $(this);
thisBtn.addClass('active').siblings().removeClass('active');
var btnText = thisBtn.text();
var btnValue = thisBtn.val();
console.log(btnText + ' - ' + btnValue);
$('#E1L1R').text(btnValue);
});
$('#E1L2 button').on('click', function() {
var thisBtn = $(this);
thisBtn.addClass('active').siblings().removeClass('active');
var btnText = thisBtn.text();
var btnValue = thisBtn.val();
console.log(btnText + ' - ' + btnValue);
$('#E1L2R').text(btnValue);
});
});
<html>
<head>
<link data-require="bootstrap-css@3.1.1" data-semver="3.1.1" rel="stylesheet" href="css/bootstrap.min.css" />
<script data-require="jquery@*" data-semver="2.1.1" src="js/jquery.min.js"></script>
<script data-require="bootstrap@*" data-semver="3.1.1" src="js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/style.css" />
<script src="js/gv.js"></script>
</head>
<body>
<div id="E1L1" class="btn-group">
<button type="button" value="0" class="btn btn-default">0</button>
<button type="button" value="1" class="btn btn-default">1</button>
<button type="button" value="2" class="btn btn-default">2</button>
<button type="button" value="3" class="btn btn-default">3</button>
<button type="button" value="4" class="btn btn-default">4</button>
<button type="button" value="5" class="btn btn-default">5</button>
<button type="button" value="6" class="btn btn-default">6</button>
<button type="button" value="7" class="btn btn-default">7</button>
<button type="button" value="8" class="btn btn-default">8</button>
<button type="button" value="9" class="btn btn-default">9</button>
<button type="button" value="10" class="btn btn-default">10</button>
</div>
<br>
<div id="E1L2" class="btn-group">
<button type="button" value="0" class="btn btn-default">0</button>
<button type="button" value="1" class="btn btn-default">1</button>
<button type="button" value="2" class="btn btn-default">2</button>
<button type="button" value="3" class="btn btn-default">3</button>
<button type="button" value="4" class="btn btn-default">4</button>
<button type="button" value="5" class="btn btn-default">5</button>
<button type="button" value="6" class="btn btn-default">6</button>
<button type="button" value="7" class="btn btn-default">7</button>
<button type="button" value="8" class="btn btn-default">8</button>
<button type="button" value="9" class="btn btn-default">9</button>
<button type="button" value="10" class="btn btn-default">10</button>
</div>
<p>
<div>Selected Val: <span id="E1L1R"></span></div>
<div>Selected Val: <span id="E1L2R"></span></div>
</body>
</html>