codedvalue 2018-08-01 08:12 采纳率: 80%
浏览 778
已采纳

请问怎样实现多选框的全部取消功能

有一组15选项的多选框,分别是数字1-14与 无,怎样实现点无1-14全部都被取消选
中,然后在点1-14之间任意一个无就会被取消

  • 写回答

10条回答 默认 最新

  • 天际的海浪 2018-08-01 08:39
    关注
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    <div class="box">
        <input type="checkbox" name="a1" value="1">1<br>
        <input type="checkbox" name="a2" value="2">2<br>
        <input type="checkbox" name="a3" value="3">3<br>
        <input type="checkbox" name="a4" value="4">4<br>
        <input type="checkbox" name="a5" value="5">5<br>
        <input type="checkbox" name="a6" value="6">6<br>
        <input type="checkbox" name="a7" value="7">7<br>
        <input type="checkbox" name="a8" value="8">8<br>
        <input type="checkbox" name="a9" value="9">9<br>
        <input type="checkbox" name="a10" value="10">10<br>
        <input type="checkbox" name="a11" value="11">11<br>
        <input type="checkbox" name="a12" value="12">12<br>
        <input type="checkbox" name="a13" value="13">13<br>
        <input type="checkbox" name="a14" value="14">14<br>
        <input type="checkbox" name="null" value="">无<br>
    </div>
    <script type="text/javascript">
    $(function(){
        $(".box input[name^=a]").change(function(event){
            $(".box input[name=null]").prop("checked",false);
        });
        $(".box input[name=null]").change(function(event){
            $(".box input[name^=a]").prop("checked",false);
        });
    });
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(9条)

报告相同问题?