Javascript 单选按钮复位功能

我有5个收音机按钮

<ul id='answers_ul'>
    <li>
        <input class='crossAnswer' id='c_1' name='c_1' type='checkbox'>
        <label for='c_1'></label>
        <input class='alternative-letter' id='r_1' name='r_1' type='radio' />
        <div class='answers_letters'>A</div>
        <label class='res1' for='r_1'></label>
    </li>
    <li>
        <input class='crossAnswer' id='c_2' name='c_2' type='checkbox'>
        <label for='c_2'></label>
        <input class='alternative-letter' id='r_2' name='r_2' type='radio' />
        <div class='answers_letters'>B</div>
        <label class='res2' for='r_2'></label>
    </li>
    <li>
        <input class='crossAnswer' id='c_3' name='c_3' type='checkbox'>
        <label for='c_3'></label>
        <input class='alternative-letter' id='r_3' name='r_3' type='radio' />
        <div class='answers_letters'>C</div>
        <label class='res3' for='r_3'></label>
    </li>
    <li>
        <input class='crossAnswer' id='c_4' name='c_4' type='checkbox'>
        <label for='c_4'></label>
        <input class='alternative-letter' id='r_4' name='r_4' type='radio' />
        <div class='answers_letters'>D</div>
        <label class='res4' for='r_4'></label>
    </li>
    <li>
        <input class='crossAnswer' id='c_5' name='c_5' type='checkbox'>
        <label for='c_5'></label>
        <input class='alternative-letter' id='r_5' name='r_5' type='radio' />
        <div class='answers_letters'>E</div>
        <label class='res5' for='r_5'></label>
    </li>
</ul>

这是生成svg路径的函数的摘录

---

任何建议都很有用（：

HTML中的一组单选按钮的

name

属性必须具有相同的值。这就是创建互斥功能的原因。您的按钮都有不同的名称，因此，您可以选择任意数量的按钮

使

id

唯一，并让JS代码通过这些id定位按钮，但名称必须相同

当您这样做时，您可以更改和缩短jQuery，该jQuery可以从以下位置找到按钮：

 var actualRadioName = $('input[type="radio"][name="' + el.getAttribute('name') + '"]');

致：

 var actualRadioName = $('input[type="radio"][name="' + el.getAttribute('name') + '"]');

 var actualRadioName = $("#" + el.id);