Checkbox javascript

di il
1 risposte

Checkbox javascript

Buongiorno a tutti i programmatori,da poco mi hanno passato un lavoro di una semplice paginetta più uno script javascript.Lo script è questo..
<style type="text/css">
<!--
@media print {
  .DONTPrint { display:none; }
  .DONTEverPrint { display:none; }
}
-->
</style>

<script type="text/javascript">

function select_row(row, color) {
  if (row.value=='on'){
   row.value="off";
   row.parentNode.parentNode.style.backgroundColor = color;
   row.parentNode.parentNode.className = 'DOPrint'   
  }
  else{
   row.value="on";
   row.parentNode.parentNode.style.backgroundColor = '';
   row.parentNode.parentNode.className = 'DONTprint'   
  }
}

function mouseover(row, font_color, checkedcolor) {
  if(row.style.color != checkedcolor) {
    row.style.color = font_color;
  }
}

function mouseout(row, font_color, checkedcolor) {
  if(row.style.color != checkedcolor) {
    row.style.color = font_color;
  }
}
// -->
</script>

<script type="text/javascript">
<!--
function init(){
 var myTableRows = document.getElementsByTagName("tr");
  for (i = 0; i < myTableRows.length; i++) {
    if(myTableRows[i].className=='DOPrint'){
     myTableRows[i].className = 'DONTPrint';
    }
  }
}
// -->
Ho una lista di clienti ognuno con il suo checkbox selezionabile,con la funzione print possono andare a stampare ogni cliente selezionato.
Ora il cliente mi ha chiesto un seleziona/deselezionata tutto..avete qualche consiglio??
Ringraziandovi.

1 Risposte

  • Re: Checkbox javascript

    Ciao,
    se non ho capito male stai cercando un modo di selezionare più checkbox via JavaScript giusto?

    Il codice che hai postato non è di grande aiuto quindi ti propongo una soluzione generica:

    HTML
    
    <input type="checkbox" name="checkbox" value="1"> A
    <input type="checkbox" name="checkbox" value="2"> B
    <input type="checkbox" name="checkbox" value="3"> C
    <br><button type="button" id="btn" onclick="toggleCheckbox()">select all</button><br>
    
    JavaScript
    
    function toggleCheckbox() {
      //memorizza in un arrey tutti gli elementi il cui attributo name è uguale a checkbox
      var checkboxes = document.getElementsByName("checkbox");
        //itera l'array
        for (var i = 0; i < checkboxes.length; i++) {
          //e per ogni checkbox inverte il valore di checked con quello attuale
          checkboxes[i].checked = !checkboxes[i].checked;
      }
    }
    
    può andare?
Devi accedere o registrarti per scrivere nel forum
1 risposte