javascript

[Netman 9297 0]

چطور میتونم در کد زیر همه چک باکس ها رو با هم show / hide کنم.

<div id="myDIV" class="form-group" style="display:none">
<?php for ($b=1 ; $b<10 ;$b++){?>
    <input type="checkbox" name="uccr[]" value="<?php $counter ?>" class="col-3"  >
    <input type="checkbox" name="uccr[]" value="<?php $counter ?>" class="col-3"  >
    <input type="checkbox" name="uccr[]" value="<?php $counter ?>" class="col-3"  >
    <br/>            
</div>
<?php } ?>
<button type="submit" onclick="myFunction()" name="checkboxs"><b>show/hide all checkbox in loop</b></button></a>
<script>
function myFunction() {
 
  var x = document.getElementById("myDIV");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
</script>