Zaznacz/odznacz pole wyboru JavaScriptem?

Question

Jak można zaznaczyć/odznaczyć pole wyboru przy użyciu JavaScript lub jQuery?

Answer 1

Javascript:

// Check 
document.getElementById("checkbox").checked = true; 

// Uncheck 
document.getElementById("checkbox").checked = false; 

jQuery (1.6 +):

// Check 
$("#checkbox").prop("checked", true); 

// Uncheck 
$("#checkbox").prop("checked", false); 

jQuery (1,5-):

// Check 
$("#checkbox").attr("checked", true); 

// Uncheck 
$("#checkbox").attr("checked", false); 

Answer 2

sprawdzić:

document.getElementById("id-of-checkbox").checked = true; 

odznaczyć:

document.getElementById("id-of-checkbox").checked = false; 

Answer 3

Możemy zaznaczone pole wyboru cząstek jako,

$('id of the checkbox')[0].checked = true 

i odznacz przez,

$('id of the checkbox')[0].checked = false 

Answer 4

Ważne zachowanie, które nie zostały jeszcze wymienione:

Programowo ustawiane atrybutynie wywołuje zdarzenia change pola wyboru.

Przekonaj się, w tym skrzypce:
http://jsfiddle.net/fjaeger/L9z9t04p/4/

(Fiddle przetestowane w Chrome 46, Firefox 41 i IE 11)

click() metoda

Pewnego dnia może się odnaleźć pisanie kodu, który polega na wywołanym zdarzeniu. Aby upewnić się, Zdarzenie, wywołać metodę click() elementu opcji, to tak:

document.getElementById('checkbox').click(); 

Jednak ta przełącza sprawdzenia statusu wyboru, zamiast konkretnie ustawienie go na true lub false. Pamiętaj, że zdarzenie change powinno być uruchamiane tylko wtedy, gdy zaznaczony atrybut faktycznie się zmienia.

Dotyczy to również sposobu jQuery: ustawienie atrybutu przy użyciu prop lub attr, nie ognia zdarzenie change.

Ustawianie checked do określonej wartości

Można przetestować atrybut checked, przed wywołaniem metody click().Przykład:

function toggle(checked) { 
    var elm = document.getElementById('checkbox'); 
    if (checked != elm.checked) { 
    elm.click(); 
    } 
} 

Czytaj więcej o metodzie kliknij tutaj:
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click

Answer 5

Chciałbym zwrócić uwagę, że ustawienie „sprawdzony” atrybut niepusty ciąg prowadzi do zaznaczone pole.

Więc jeśli ustawisz „sprawdzony” atrybut „false”, to pole wyboru zostanie zaznaczone. Musiałem ustawić wartość na pusty ciąg, zerowy lub wartość logiczna fałszywe w celu upewnienia się, pole nie zostało zaznaczone.

Answer 6

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.selecctall').click(function (event) { 
      if (this.checked) { 
       $('.checkbox1').each(function() { 
        this.checked = true; 
       }); 
      } else { 
       $('.checkbox1').each(function() { 
        this.checked = false; 
       }); 
      } 
     }); 

    }); 

</script> 

Answer 7

Spróbuj to:

//Check 
document.getElementById('checkbox').setAttribute('checked', 'checked'); 

//UnCheck 
document.getElementById('chk').removeAttribute('checked'); 

Answer 8

function setCheckboxValue(checkbox,value) { 
    if (checkbox.checked!=value) 
     checkbox.click(); 
}