ladybird/Tests/LibWeb/Text/input/radio-node-list.html
2023-08-26 13:51:18 +02:00

52 lines
2 KiB
HTML

<form>
<input value="value1" id="non-checked-with-value" type="radio"/>
<input value="value2" id="non-checked-with-value" type="radio"/>
<input value="value3" id="checked-with-value" type="radio" checked/>
<input value="value4" id="checked-with-value" type="radio" checked/>
<input value="on" id="non-checked-value-on" type="radio"/>
<input value="on" id="non-checked-value-on" type="radio"/>
<input value="value1" id="no-radio-button" type="input" checked/>
<input value="value2" id="no-radio-button" type="input" checked/>
<input id="checked-no-value" type="radio" checked/>
<input id="checked-no-value" type="radio" checked/>
<input id="non-checked-no-value" type="radio"/>
<input id="non-checked-no-value" type="radio"/>
</form>
<script src="include.js"></script>
<script>
test(() => {
const formElements = document.forms[0].elements;
function dumpAttributes(name) {
println("===================");
println(name);
println("===================");
const list = formElements.namedItem(name);
println(list.length);
println(list[0].value);
println(list[1].value);
println(`value = '${list.value}'`);
list.value = "on";
println(`value = '${list.value}'`);
}
function setValue(name, value) {
println("===================");
println(name);
println("===================");
const list = formElements.namedItem(name);
println(`value = ${list.value}`);
list.value = value;
println(`value = ${list.value}`);
}
dumpAttributes("non-checked-with-value");
dumpAttributes("checked-with-value");
dumpAttributes("checked-no-value");
dumpAttributes("no-radio-button");
setValue("non-checked-with-value", "value1")
setValue("non-checked-no-value", "on")
setValue("non-checked-value-on", "on")
})
</script>