通过id调用的函数，如何在一个页面中运行多次？

id不能一样，一样需要使用属性选择器，不能用id选择器。你要分2组radio的话name不能一样，一样上下2组只能选择一个，只需要导入一次，在所有html代码最后导入一次就行。对你有帮助能点个采纳吗，谢谢~

<div id="radio_wrap">
    <span class="GoodsInformation_reight-dt" style="display:inline-block;font-weight:700;margin-top:5px">机身分类</span>
    <ul>
        <li class="c checked">
            <input type="radio" id="radio_a_01" name="radio_a" />
            <label for="radio_a_01"><span style="display:inline-block">海风青</span></label>
            <i></i>
        </li>
        <li class="c">
            <input type="radio" id="radio_a_02" name="radio_a" />
            <label for="radio_a_02"><span style="display:inline-block">暗夜蓝</span></label>
            <i></i>
        </li>
        <li class="c">
            <input type="radio" id="radio_a_03" name="radio_a" />
            <label for="radio_a_03"><span style="display:inline-block">绯玉红</span></label>
            <i></i>
        </li>
    </ul>
</div>
<div id="radio_wrap">
    <span class="GoodsInformation_reight-dt" style="display:inline-block;font-weight:700;margin-top:5px">机身分类</span>
    <ul>
        <li class="c checked">
            <input type="radio" id="radio_a_04" name="radio_b" />
            <label for="radio_a_01"><span style="display:inline-block">海风青</span></label>
            <i></i>
        </li>
        <li class="c">
            <input type="radio" id="radio_a_05" name="radio_b" />
            <label for="radio_a_02"><span style="display:inline-block">暗夜蓝</span></label>
            <i></i>
        </li>
        <li class="c">
            <input type="radio" id="radio_a_06" name="radio_b" />
            <label for="radio_a_03"><span style="display:inline-block">绯玉红</span></label>
            <i></i>
        </li>
    </ul>
</div>
<script>
    (function () {
        var radioWrap = document.querySelectorAll("div[id=radio_wrap]");
        for (var Wrap of radioWrap) {
            li = Wrap.getElementsByTagName("li");
            for (var i = 0; i < li.length; i++) {
                li[i].onclick = function () {
                    var li = this.parentNode.parentNode.getElementsByTagName("li");//通过dom关系获取各自的li
                    for (var i = 0; i < li.length; i++) {
                        li[i].className = "";
                    }
                    this.className = "checked";
                }
            }
        }
    })();

</script>

页面元素的id应该是唯一的，id不要重复，重复的id用document.getElementById() 获取时，只能获取到第一个。

你应该为两个div设置不同的id：radio_wrap1 和 radio_wrap2
js代码也不要重复加载两次，只要把自执行的匿名函数改成普通函数，分两次调用通过参数传递不同的id即可。
radio_wrap_fun("radio_wrap1");
radio_wrap_fun("radio_wrap2");
代码如下：{如果对你有帮助，可以给我个采纳吗，谢谢!! 点击我这个回答右上方的【采纳】按钮}。
 

                    <div id="radio_wrap1">
                        <span class="GoodsInformation_reight-dt" style="display:inline-block;font-weight:700;margin-top:5px">机身分类</span>
                        <ul >
                            <li class="c checked">
                                <input type="radio" id="radio_a_01" name="radio_a" />
                                <label for="radio_a_01"><span style="display:inline-block">海风青</span></label>
                                <i></i>
                            </li>
                            <li class="c">
                                <input type="radio" id="radio_a_02" name="radio_a" />
                                <label for="radio_a_02"><span style="display:inline-block">暗夜蓝</span></label>
                                <i></i>
                            </li>
                            <li class="c">
                                <input type="radio" id="radio_a_03" name="radio_a" />
                                <label for="radio_a_03"><span style="display:inline-block">绯玉红</span></label>
                                <i></i>
                            </li>
                        </ul>
                    </div>
                    <div id="radio_wrap2">
                        <span class="GoodsInformation_reight-dt" style="display:inline-block;font-weight:700;margin-top:5px">机身分类</span>
                        <ul >
                            <li class="c checked">
                                <input type="radio" id="radio_a_04" name="radio_a" />
                                <label for="radio_a_01"><span style="display:inline-block">海风青</span></label>
                                <i></i>
                            </li>
                            <li class="c">
                                <input type="radio" id="radio_a_05" name="radio_a" />
                                <label for="radio_a_02"><span style="display:inline-block">暗夜蓝</span></label>
                                <i></i>
                            </li>
                            <li class="c">
                                <input type="radio" id="radio_a_06" name="radio_a" />
                                <label for="radio_a_03"><span style="display:inline-block">绯玉红</span></label>
                                <i></i>
                            </li>
                        </ul>
                    </div>
                    <script src="../js/checkedborder.js"></script>

function radio_wrap_fun(id) {
    var radioWrap = document.getElementById(id),
        li = radioWrap.getElementsByTagName("li");
    for (var i = 0; i < li.length; i++) {
        li[i].onclick = function () {
            for (var i = 0; i < li.length; i++) {
                li[i].className = "";
            }
            this.className = "checked";
        }
    }
}
radio_wrap_fun("radio_wrap1");
radio_wrap_fun("radio_wrap2");

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps: 问答会员年卡【8折】购 ，限时加赠IT实体书，即可 享受50次 有问必答服务，了解详情>>>https://t.csdnimg.cn/RW5m