Форум

maintpl · #1 (**permalink**) 14.12.2022, 23:59

Как подставить inputu checked="checked" ?

Есть список

<ul class="list">
<li><input type="radio"/></li>
<li><input type="radio"/></li>
<li><input type="radio"/><span></span></li>
</ul>

Как подставить inputu radio аттрибут checked="checked" только в li, в котором имеется тег span?
то есть последнему <li><input type="radio"/><span></span></li>

Список будет динамичный по этому в html прописать никак, нужно на js

Спасибо

рони · #2 (**permalink**) 15.12.2022, 08:31

maintpl,

<!DOCTYPE html>
<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    </style>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            let spans = document.querySelectorAll(".list li span");
            for (let { previousElementSibling: input } of spans) input.checked = true;
        })
    </script>
</head>

<body>
    <ul class="list">
        <li><input type="radio" /></li>
        <li><input type="radio" /></li>
        <li><input type="radio" /><span></span></li>
    </ul>
</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript