javascript is not taking all values from html and php

Question

javascript is only taking first checkbox value it is not taking other checkbox value why ? HTML:

<input type="checkbox" id="checkbox" onclick="check()" value="<?php echo $data->id; ?>  " >

Javascript:

    function check()
     {    
          var id = $('#checkbox').attr('value')

         var checkbox = document.getElementById('checkbox');
        if(checkbox.checked==true)  {
            alert(id);
        }
        else
        {
            alert('false');
        }

     }

<input type="checkbox" id="checkbox" onclick="check()" value="<?php echo $data->id; ?> " > — cyberwebdev
– cyberwebdev, Commented Apr 22, 2019 at 2:00
<input type="checkbox" id="checkbox" onclick="check()" value="<?php echo $data->id; ?>" > — cyberwebdev
– cyberwebdev, Commented Apr 22, 2019 at 2:24

Lemon Kazi · Accepted Answer · 2019-04-25 02:08:03Z

2

you can try like this with jQuery. here in console you can see all checked value is displaying after click

$(document).ready(function() {
  var ckbox = $("input[name='checkbox']");
  var chkId = '';
  $('input').on('click', function() {
    
    if (ckbox.is(':checked')) {
      $("input[name='checkbox']:checked").each ( function() {
   			chkId = $(this).val() + ",";
        chkId = chkId.slice(0, -1);
 	  });
       
       console.log( $(this).val() ); // return all values of checkboxes checked
       //console.log(chkId); // return value of checkbox checked
    }     
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="checkbox" name="checkbox" value="12520">
<input type="checkbox" name="checkbox" value="12521">
<input type="checkbox" name="checkbox" value="12522">

edited Apr 25, 2019 at 2:08

answered Apr 22, 2019 at 2:31

Lemon Kazi

3,3192 gold badges41 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

cyberwebdev Over a year ago

Its working thanks @Lemon Kazi you save my time.......?????thanx again

Raghul Ramkish · Accepted Answer · 2019-04-22 02:29:00Z

0

Try this instead.

$("'#checkbox").live("click", function () {

 $("input:checkbox[name=chk]:checked").each(function () {

  alert("Id: " + $(this).attr("id") + " Value: " + $(this).val());

   });

  });

answered Apr 22, 2019 at 2:29

Raghul Ramkish

54 bronze badges

Collectives™ on Stack Overflow

javascript is not taking all values from html and php

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related