js实现多选的最简单方法：

关注

原创最新推荐文章于 2026-07-12 07:13:44 发布 1.2k 阅读 AI 写同款· GEO 优化 ›

js实现带复选框的多选下拉框 最近被派去做一个不使用任何框架的纯js的项目，界面属于那种机器的界面，算是中规中矩的。新特性需要用原生的js或者jq写一个可多选的下拉框，实现的方式有很多。网上常见的有一下几种： 1.下载multiple-select.js插件，由于公司使用网络的限制，下载插件不方便，而且这个最后的效果也不是我想要的，所以没有采用这种实现方法。 2.网上还有常见的 div+ul&li 的实现，这种也比较方便，不过在处理值的时候，感觉不like~，最后也没有选择这种方法。 3.使用div+定位：（根据上面方法2 阅读详情

    <form action="/checkbox/get" method="get">
        <!-- checkbox 是false的值传不到后台  -->
        <input type="checkbox" onclick="$('.ids').prop('checked',$(this).prop('checked'))" />    <br>
        <input type="checkbox" class="ids"  name="ids[]" value='1'/>  <br>
        <input type="checkbox" class="ids"  name="ids[]" value='2'/>  <br>
        <input type="checkbox" class="ids"  name="ids[]" vaule='3'/>  <br>
        <input type="checkbox" class="ids"  name="ids[]" value='4'/>  <br>
        <input type="checkbox" class="ids"  name="ids[]" value='5'/>  <br>
        <input type="submit" value="提交" />
    </form>