codex999 - 経済統計練習帳

<!DOCTYPE html>
<html>
    <head>
        <title>TODO</title>
        <meta charset="UTF-8">
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css">
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
      <script  src="sample.js"></script>
      <script  src="jquery.js"></script>
    </head>
<body onload="sample()">
<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="ch">
<input type="checkbox" id="ch" class="mdl-checkbox__input" value="a">
<span class="mdl-checkbox__label">b2</span>
</label>
</body>
</html>
 
 
function sample(){
 
     $("input").change(function () {
 
  f=$("#ch").val();
 
         alert(f);
 
});
 
 
 
}