Deselezionare tutte le checkbox nel pageload utilizzando javascript

Io sto usando il seguente codice ma non funziona. Dimmi se qualsiasi suggerimento. Io voglio che tutti chekboxes deselezionata quando carico la pagina. Ho il seguente codice ma non funziona:

 window.onload = function abc() {
     document.getElementsByTagName('input')[0].focus();
 }
<tr>
    <td>
        <input type="checkbox" ID="cb1" value="29500" onclick="if(this.checked){ cbcheck(this) } else { cbuncheck(this)}" /> Laptop
    </td>
    <td>
        <a href="#" id="a1" onmouseover="showimage('a1','laptop1');"  >Show Image</a>
        <img src="Images/laptop.jpg" id="laptop1" alt="" style="display:none; width:150px; height:150px;" onmouseout="hideimage('a1','laptop1');" class="right"/>
    </td>
 </tr>
 <tr>
     <td>
          <input type="checkbox" ID="cb2" value="10500" onclick="if(this.checked){ cbcheck(this) } else { cbuncheck(this)}" /> Mobile
     </td>
     <td>
          <a href="#" id="a2" onmouseover="showimage('a2','mobile1');"  >Show Image</a>
          <img src="Images/mobile.jpg" id="mobile1" alt="" style="display:none; width:150px; height:150px;"   onmouseout="hideimage('a2','mobile1');" />
     </td>
</tr>
perchè non usare jQuery?
A. Se non impostare loro di essere controllati sarebbero deselezionata per impostazione predefinita. (Hai paura del asp.net viewstate o qualcosa di simile?) B. messa a Fuoco non aiuterebbe. set checked essere false. This dovrebbe anche aiutare.
forse perché non è sempre necessario usare jQuery 🙂
Con il codice che hai scritto, la tua pagina dovrebbe avere tutte le caselle di controllo deselezionata di default.
Dal modo in cui avete lasciato in caselle di controllo controllato?Quando la pagina viene Inizialmente il caricamento,Basta tenerli deselezionata per impostazione predefinita.

OriginaleL’autore kkk | 2012-09-11

4 risposte

  1. 10

    Chiamare questa funzione sulla tua pagina evento load

    function UncheckAll(){ 
          var w = document.getElementsByTagName('input'); 
          for(var i = 0; i < w.length; i++){ 
            if(w[i].type=='checkbox'){ 
              w[i].checked = false; 
            }
          }
      } 
    bit di errore nel tuo codice deve essere if(p[i].tipo == “checkbox”). Come per il codice che converte tutti i tag di input nella casella di controllo. textbox si trasforma in casella di controllo quando carico la pagina
    oh grazie, ho aggiornato…

    OriginaleL’autore Talha

  2. 5

    Non vedo il tuo codice tentativo di deselezionare le caselle. Si sta solo cercando di concentrarsi su un elemento.

    window.onload = function abc() {
        document.getElementsByTagName('input')[0].focus();
        var a = document.getElementById('form_name').getElementsByTagName('input');
        for (var i=0;i<a.length;i++) {
            if (a[i].type == 'checkbox') a[i].checked = false;
        }
    }

    Ho anche consigliamo di non provare JQuery. Il codice di cui sopra, sarebbe come questo in JQuery:

    $(document).ready(function(){
        $('#formID input[type=checkbox]').attr('checked',false);
    });

    OriginaleL’autore rationalboss

  3. 5

    Si dovrebbe provare

    window.onload = function(){
       var checkboxes = document.getElementsByTagName("INPUT");
    
       for(var x=0; x<checkboxes.length; x++)
       {
          if(checkboxes[x].type == "checkbox")
          {
              checkboxes[x].checked = false;
          }
       }
    
    }

    e Se è possibile utilizzare jQuery, si può provare

    $(function(){
        $('input[type=checkbox]').prop("checked", false);
    });

    OriginaleL’autore Yograj Gupta

  4. 1

    Una nuova risposta, una vetrina per le nuove tecnologie. Vaniglia JS ora nel 2015:

    var list = document.querySelectorAll('input[type=checkbox]');
    for (var item of list) {
        item.checked = false;
    }

    Compatta con una sola riga di variazione:

    for(var i of document.querySelectorAll('[type=checkbox]')) { i.checked = false; }

    Questo è dritto fuori NodeList MDN documentazione esempi. L’elenco fornito da querySelectorAll è un NodeList e il for...of loop è una nuova dichiarazione per scorrere i valori di proprietà, una parte del 2015 ECMAScript 6 standard—Vedi qui per la compatibilità con i browser.

    OriginaleL’autore a guest

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *