<!--
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="lib/bootstrap/css/bootstrap-responsive.css" rel="stylesheet" type="text/css"> <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<!-- Load jQuery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"> <!-- Load Google JSAPI -->
<script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> var num = null;
var ele = document.querySelectorAll(".btn-group > button.btn btn-primary");
for (var i = 0; i < ele.length; i++) {
ele[i].addEventListener("click", function() {
num = +this.innerHTML;
alert("Value is " + num);
});
}
<div class="btn-group" data-toggle="buttons-radio"> <button type="button" class="btn btn-primary">Middle
</button> <button type="button" class="btn btn-primary">Right
</button>
Witajcie powyżej wstawiam mój kod. Mój problem polega na tym, że funkcja document.querySelectorAll nie pobiera żadnej wartości. A powinna pobrać tablice ze wszystkimi elementami z kontenera div.btn-group