Use index to get the clicked button index : Form Button « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. Form Button

Use index to get the clicked button index

 


<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

            $("button").click(function(e) {
              switch ($("button").index(this)) {
                case 0 :
                  $("div").text("0");
                  break;
                case 1 :
                  $("div").text("1");
                  break;
                case 2 :
                  $("div").text("2");
                  break;
                case 3 :
                  $("div").text("3");
                  break;
              }
        
              $("span").text("" + value);
            });
        });
    </script>
  </head>
  <body>
    <body>
          <div>A div</div>
          <button>0</button>
          <button>1</button>
          <button>2</button>
          <button>3</button>
          <span></span>
    </body>
</html>








Related examples in the same category

1.Bind click action to button
2.Get form button
3.Get disabled button
4.Disables buttons greater than the 1st button.
5.Can bind and unbind events to the button.
6.On click, replace the button with a div containing the same word.
7.Create a button that's able to clone itself - and have the clones themselves be clonable.
8.Add action to button with ID