not getting value from javascript in input type via checkbox

Question

//here is th code i am trying to but i am not nbot getting the value in input type let me know where i am doing wrong

 <script type="text/javascript">
    script for getting value from checkbox
    var array = [];
    $('input[type="checkbox"]').change(function() {
          if ($(this).prop('checked')) {
            // Add the new element if checked:
            if (array.indexOf($(this).val()) < 0) {
                array.push($(this).val());
              } 
            } else {
              // Remove the element if unchecked:
              if (array.indexOf($(this).val()) >= 0) {
                  array.splice(array.indexOf($(this).val()), 1);
                }
            }
            $('#ff_elem512').val(array.join(", "));
            console.log(array);
    });

    </script>
    </head>
    <body>

       <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <input type="checkbox" value="1" />One
    <input type="checkbox" value="2" />Two
    <input type="checkbox" value="3" />Three
    <input type="checkbox" value="4" />Four
    <input type="checkbox" value="5" />Five
    <br />
//trying to get the value here from javascript to input id
    <input type="text" id="ff_elem512" />

</body>

works for me. console.log show the right array. Do you any errors in console? — Jurij Jazdanov
– Jurij Jazdanov, Commented May 24, 2017 at 9:37
as Milan answered. You need to include jquery before executing it, so move jquery include in header before ypur script — Jurij Jazdanov
– Jurij Jazdanov, Commented May 24, 2017 at 9:40

Milan Chheda · Accepted Answer · 2017-05-24 09:35:46Z

Here is the working code:

var array = [];
$('input[type="checkbox"]').change(function() {
    if ($(this).prop('checked')) {
      // Add the new element if checked:
      if (array.indexOf($(this).val()) < 0) {
          array.push($(this).val());
        } 
      } else {
        // Remove the element if unchecked:
        if (array.indexOf($(this).val()) >= 0) {
            array.splice(array.indexOf($(this).val()), 1);
          }
      }
      $('#ff_elem512').val(array.join(", "));
      console.log(array);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>

<input type="checkbox" value="1" />One
<input type="checkbox" value="2" />Two
<input type="checkbox" value="3" />Three
<input type="checkbox" value="4" />Four
<input type="checkbox" value="5" />Five
<br />

You need to add JQuery before executing your JavaScript code.

foobar · Accepted Answer · 2017-05-24 09:51:04Z

0

Check out this simplified code:

<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $('input').click(function(){
        var a = $(this).val();
        $('#ff_elem512').val(a);
      });
    });   
    </script>
  </head>
  <body>
    <input type="checkbox" value="1" />One
    <input type="checkbox" value="2" />Two
    <input type="checkbox" value="3" />Three
    <input type="checkbox" value="4" />Four
    <input type="checkbox" value="5" />Five
    <br />
    //trying to get the value here from javascript to input id
    <input type="text" id="ff_elem512" />
</body>
</html>

answered May 24, 2017 at 9:51

foobar

6411 gold badge6 silver badges20 bronze badges

2 Comments

foobar Over a year ago

My Pleasure! - @rohitjha

rohit jha Over a year ago

how to increase the reloading time of jsp page on runtime.

Kerim Ayturk · Accepted Answer · 2017-05-24 09:39:19Z

var array = [];
$('input[type="checkbox"]').change(function() {

      if ($(this).prop('checked')) {
        // Add the new element if checked:
        if (array.indexOf($(this).val()) < 0) {
            array.push($(this).val());
          } 
        } else {
          // Remove the element if unchecked:
          if (array.indexOf($(this).val()) >= 0) {
              array.splice(array.indexOf($(this).val()), 1);
            }
        }
        $('#ff_elem512').val(array.join(", "));
});

       <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <input type="checkbox" value="1" />One
    <input type="checkbox" value="2" />Two
    <input type="checkbox" value="3" />Three
    <input type="checkbox" value="4" />Four
    <input type="checkbox" value="5" />Five
    <br />
//trying to get the value here from javascript to input id
    <input type="text" id="ff_elem512" />

No problem doing something like this.

Collectives™ on Stack Overflow

not getting value from javascript in input type via checkbox

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related