HTML onay kutusunun işaretli bir özelliği için uygun değer nedir?

HTML'de bir onay kutusu girdisinin nasıl oluşturulacağını hepimiz biliyoruz:

<input name="checkbox_name" id="checkbox_id" type="checkbox">

Ne bilmiyorum - işaretli bir onay kutusunun teknik olarak doğru değeri nedir? Bunların hepsinin işe yaradığını gördüm:

<input name="checkbox_name" id="checkbox_id" type="checkbox" checked>
    <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="on">
    <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="yes">
    <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="checked">
    <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="true">

Cevabı önemli değil mi? Doğru olarak işaretlenmiş hayır cevabını kanıt göremedim burada dan spec kendisi:

Onay kutuları (ve radyo düğmeleri), kullanıcı tarafından değiştirilebilen açma / kapama düğmeleridir. Kontrol elemanının kontrol edilen özelliği ayarlandığında bir anahtar "açıktır". Bir form gönderildiğinde, yalnızca "açık" onay kutusu denetimleri başarılı olabilir. Formdaki birkaç onay kutusu aynı kontrol adını paylaşabilir. Böylece, örneğin, onay kutuları kullanıcıların aynı özellik için birkaç değer seçmesine izin verir. INPUT öğesi bir onay kutusu denetimi oluşturmak için kullanılır.

Spesifikasyon yazarı doğru cevap ne der? Lütfen kanıta dayalı cevaplar sağlayın.

Kesin konuşmak gerekirse, sen mantıklıdır şeyler koymalıyız - spec göre burada , en doğru sürümü:

<input name=name id=id type=checkbox checked=checked>

HTML için, ayrıca kullanabilirsiniz boş nitelik sözdizimi , checked=""hatta sadece checked(sıkı XHTML için, bu edilmektedir desteklenmez ).

Bununla birlikte, etkili bir şekilde, çoğu tarayıcı tırnaklar arasında hemen hemen her değeri destekleyecektir. Aşağıdakilerin tümü kontrol edilecektir:

<input name=name id=id type=checkbox checked>
<input name=name id=id type=checkbox checked="">
<input name=name id=id type=checkbox checked="yes">
<input name=name id=id type=checkbox checked="blue">
<input name=name id=id type=checkbox checked="false">

Ve sadece aşağıdakiler işaretlenmeyecektir:

<input name=name id=id type=checkbox>

Ayrıca bu benzer soruya bakın disabled="disabled".

HTML5 spesifikasyonu :

http://www.w3.org/TR/html5/forms.html#attr-input-checked :

Devre dışı bırakılan içerik özelliği, bir boole özelliğidir.

http://www.w3.org/TR/html5/infrastructure.html#boolean-atributes :

Bir öğe üzerinde bir boolean özelliğinin varlığı, gerçek değeri, özelliğin olmaması ise yanlış değeri temsil eder.

Özellik mevcutsa, değerinin boş dize veya özelliğin kanonik adı için ASCII büyük / küçük harfe duyarlı olmayan bir değer olması gerekir.

Sonuç :

Aşağıdakiler geçerli, eşdeğer ve doğrudur :

<input type="checkbox" checked />
<input type="checkbox" checked="" />
<input type="checkbox" checked="checked" />
<input type="checkbox" checked="ChEcKeD" />

Aşağıdakiler geçersiz :

<input type="checkbox" checked="0" />
<input type="checkbox" checked="1" />
<input type="checkbox" checked="false" />
<input type="checkbox" checked="true" />

Özniteliğin olmaması, false için geçerli tek sözdizimidir :

<input />

Öneri

Geçerli XHTML, kullanımını yazma önem veriyorsanız checked="checked"bu yana, <input checked>geçersiz XHTML (ama geçerli HTML) ve diğer alternatifler daha az okunabilir olduğunu. Aksi <input checked>takdirde , sadece daha kısa olduğu için kullanın .

<input ... checked />
<input ... checked="checked" />

Bunlar eşit derecede geçerlidir. Ve JavaScript'te:

input.checked = true;
input.setAttribute("checked");
input.setAttribute("checked","checked");

bence bunu istiyorum: checked='checked'

1. kontrol
2. kontrol = ""

3. kontrol = "işaretli"

   eşdeğerdir;

spec onay kutusuna göre '---- ⓘ işaretli = "işaretli" veya "" (boş dize) veya boş Öğenin seçilen bir kontrolü temsil ettiğini belirtir. ---'

Yanlış kontrol etmenin tek yolunun herhangi bir değeri atlamak olduğu oldukça çılgın bir kasaba. Açısal 1.x ile şunları yapabilirsiniz:

  <input type="radio" ng-checked="false">

Eğer kontrol edilmemesi gerekiyorsa, bu çok daha aklı başında.

Bunun yardımcı olabileceğini düşünüyorum:

İkinci olarak, işaretli özelliğin "true", "false" bir dizesini döndürdüğünü bilmeniz gerekir.
Bu neden önemlidir? Çünkü doğru Tipi kullanmanız gerekiyor. Bir dize, boolean değil. Bu, onay kutunuzu ayrıştırırken de önemlidir.
$('mycheckbox')[0].checked = "true"

if($('mycheckbox')[0].checked === "true"){ //do something }

Ayrıca, "işaretli" ATTRIBUTE öğesinin başlangıçta onay kutusunun değerini ayarlamak için olduğunu da bilmeniz gerekir. Öğe DOM'ye dönüştürüldüğünde bu pek bir şey yapmaz. Web sayfası yüklendiğinde ve başlangıçta ayrıştırıldığında bu çalışmayı hayal edin.
Bu konuda IE tercih ile gideceğim:<input type="checkbox" checked="checked"/>

Son olarak, bir onay kutusu için karışıklığın ana yönü, onay kutusu UI öğesinin, öğenin özellik değeri ile aynı olmamasıdır. Doğrudan ilişki göstermezler. .Net içinde çalışıyorsanız, kullanıcının bir onay kutusunu "işaretlediğini" asla denetleyiciye iletilen gerçek bool değerini yansıtmayacağını göreceksiniz. UI ayarlamak için kullandığım hem $('mycheckbox').val(true);ve$('mycheckbox').attr('checked', 'checked');

Eh, kullanmak için önemli olduğunu düşünmüyorum (devre dışı ve salt okunur), kişisel olarak ben kontrol = "ekose desenli" kullanın ama JavaScript ile onları manipüle etmeye çalışıyorsanız, doğru / yanlış kullanın