javascript 没有从 html 和 php 中获取所有值

Question

javascript 只取第一个复选框的值而不取其他复选框的值，为什么？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');
        }

     }

Answer 1

您可以像这样使用 jQuery 进行尝试。在控制台中，您可以看到单击后显示所有选中的值

$(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">