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

最新推荐文章于 2022-08-17 08:30:45 发布

原创最新推荐文章于 2022-08-17 08:30:45 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

jquery 专栏收录该内容

4 篇文章

订阅专栏

本文探讨了一个关于HTML中使用checkbox时遇到的问题：当checkbox未被选中时，其值无法传递到后台。通过一个简单的HTML表单示例，展示了如何通过JavaScript操作一组checkbox元素，并确保即使未选中也能正确传递其值。

    <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>