C赏心悦目
2017-09-25 06:04
采纳率: 42.9%
浏览 3.5k
已采纳

jquery 复选框最多选择3个,已选的可以取消

jquery 复选框最多选择3个,已选的可以取消要怎么写。。。。

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • 已采纳
     <script src="http://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>
    <input type="checkbox" name="cb1">cb1 <input type="checkbox" name="cb1">cb2 <input type="checkbox" name="cb1">cb3 <input type="checkbox" name="cb1">cb4
    <script>
        var cb1 = $('[name="cb1"]');
        cb1.change(function () {
            if (this.checked && cb1.filter(':checked').length > 3) this.checked = false;
        })
    </script>
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • 江南丨荒 2017-09-25 06:41
    评论
    解决 无用
    打赏 举报
  • 曾经赖床 2017-09-25 07:24

    $("input:checkbox").click(function() {
    var radio_len = $("input:checkbox:checked").length;
    if (radio_len > 3) {
    alert('最多只能选三个-.-');
    return false;
    }
    })
    相关使用:html中input(radio,checkbox)取消/选中

    评论
    解决 无用
    打赏 举报
  • Ultraman_TigaSang 2017-09-25 07:47

    定义一个变量为0,选中一个的时候加一,取消选中就减一,当变量大于或等于3时,让其它的复选框设置为不可操作状态,当变量小于3时,复选框为可操作状态

    评论
    解决 无用
    打赏 举报
  • C赏心悦目 2017-09-28 07:46

    已解决,非常感谢大家!!!

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题