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>
qq_38666502
C赏心悦目 非常感谢!
接近 3 年之前 回复
qq_38666502
C赏心悦目 这个选中后好像不能再次点击,取消选中
接近 3 年之前 回复

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

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

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐