Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
Зареждане…
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
Зареждане…
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
JAVASCRIPT FORMS / CHAPTER 05 / Учене / LESSON 03
Теория. При checkbox и radio има две различни неща: value (етикет, който формата ще изпрати) и checked (дали е избрано сега). Checkbox със value="yes" има value "yes" и когато е ИЗКЛЮЧЕН — само checked се променя.
Радио групата е набор от input type="radio" с еднакво name; точно един е избран. Най-краткият начин да намериш избрания е CSS селекторът :checked:
const plan = document.querySelector('input[name="plan"]:checked'); const label = plan ? plan.value : "none";
За checkbox ползвай el.checked (true/false), не el.value:
const news = document.querySelector("#news").checked ? "yes" : "no";
Честа грешка: да четеш checkbox.value и да мислиш, че показва състоянието; да забравиш, че :checked може да върне null, ако нищо не е избрано.
<label><input id="plan-basic" type="radio" name="plan" value="basic" checked> Basic</label><label><input id="plan-pro" type="radio" name="plan" value="pro"> Pro</label><label><input id="news" type="checkbox" name="news" value="subscribed"> Newsletter</label><button id="go" type="button">Show</button><p id="out"></p>value е етикетът на опцията; checked е състоянието. Радиото се намира с :checked.
Натисни Run — HTML се зарежда в sandbox iframe; Stop маха iframe-а (спира и безкраен цикъл).
›