请教一个checkbox连续选择的问题-CSDN论坛

⋅请教一个checkbox连续选择的问题 ⋅怎样判断一个小数的十分位和百分位是不是0 ⋅请教一个asp.net mvc @RenderBody()的问题 更多帖子 关注私信空间博客 Dick_Cowboy 本版专家分：0 结帖率 83.33%: 就是有一列checkbox，只能连续选择其中的4个，超过4个或者没有连续选择的话会弹框提示并阻止
如图：
类似这两个样子是允许的

类似这样的三个样子是不允许的

求各位大神帮忙解决一下！谢谢！

0 2014-09-08 12:28:09

回复数 11 只看楼主引用举报楼主

Dick_Cowboy 本版专家分：0: 不要沉啊！

0 2014-09-08 12:29:20

只看TA 引用举报 #1 得分 0

Dick_Cowboy 本版专家分：0: 不要沉啊！

0 2014-09-08 12:42:40

只看TA 引用举报 #2 得分 0

⋅看看有没有变化

⋅这一年只剩下几天了告别2014，迎来崭新的2015，请你说说2014成果2015 的愿望？

⋅中秋快乐!(.有图o.)

更多帖子

关注私信空间博客

程序员鼓励师

本版专家分：869

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>多选框</title>
<script>
function $A(name){return document.getElementsByName(name);}
window.onload=function(){
/**
* 复选框限制
* @param {Object} name 复选框的name
* @param {Object} maxck 最多复选个数
*/
function checks(name,maxck){
var cks = $A(name);
function check(){
var t=0;
for(i=0;i<cks.length;i++){
if(cks[i].checked){t++;}
if(t>maxck){return false;}
}
return true;
}
for(i=0;i<cks.length;i++){
cks[i].onclick=function(){
if(!check()){
alert("最多选择"+maxck+"个");
this.checked=false;
}
}
}

}

checks("cd1",4);

//return true;

}
</script>

</head>
<body>

<form name="form1" method="post" >
对这个限制4个选择<br>
<input type="CHECKBOX" name="cd1" value="A">A
<input type="CHECKBOX" name="cd1" value="B">B
<input type="CHECKBOX" name="cd1" value="C">C
<input type="CHECKBOX" name="cd1" value="D">D
<input type="CHECKBOX" name="cd1" value="E">E
<input type="CHECKBOX" name="cd1" value="F">F
<input type="CHECKBOX" name="cd1" value="G">G
<input type="CHECKBOX" name="cd1" value="H">H
<input type="CHECKBOX" name="cd1" value="I">I
<input type="CHECKBOX" name="cd1" value="J">J
<br>

</form>
</body>
</html>

0 2014-09-08 13:38:58

只看TA 引用举报 #3 得分 0

⋅请教一个checkbox连续选择的问题 ⋅怎样判断一个小数的十分位和百分位是不是0 ⋅请教一个asp.net mvc @RenderBody()的问题 更多帖子 关注私信空间博客 Dick_Cowboy 本版专家分：0: 引用 3 楼 sinbas 的回复:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>多选框</title>
<script>
function $A(name){return document.getElementsByName(name);}
window.onload=function(){
/**
* 复选框限制
* @param {Object} name 复选框的name
* @param {Object} maxck 最多复选个数
*/
function checks(name,maxck){
var cks = $A(name);
function check(){
var t=0;
for(i=0;i<cks.length;i++){
if(cks[i].checked){t++;}
if(t>maxck){return false;}
}
return true;
}
for(i=0;i<cks.length;i++){
cks[i].onclick=function(){
if(!check()){
alert("最多选择"+maxck+"个");
this.checked=false;
}
}
}

}

checks("cd1",4);

//return true;

}
</script>

</head>
<body>

<form name="form1" method="post" >
对这个限制4个选择<br>
<input type="CHECKBOX" name="cd1" value="A">A
<input type="CHECKBOX" name="cd1" value="B">B
<input type="CHECKBOX" name="cd1" value="C">C
<input type="CHECKBOX" name="cd1" value="D">D
<input type="CHECKBOX" name="cd1" value="E">E
<input type="CHECKBOX" name="cd1" value="F">F
<input type="CHECKBOX" name="cd1" value="G">G
<input type="CHECKBOX" name="cd1" value="H">H
<input type="CHECKBOX" name="cd1" value="I">I
<input type="CHECKBOX" name="cd1" value="J">J
<br>

</form>
</body>
</html>

你这个例子对是否连续选择并没有限制到呀

0 2014-09-08 14:49:40

只看TA 引用举报 #4 得分 0

Dick_Cowboy 本版专家分：0: 不要沉啊！

0 2014-09-08 15:01:24

只看TA 引用举报 #5 得分 0

Dick_Cowboy 本版专家分：0: 不要沉啊！

0 2014-09-08 15:12:10

只看TA 引用举报 #6 得分 0

⋅看看有没有变化

⋅这一年只剩下几天了告别2014，迎来崭新的2015，请你说说2014成果2015 的愿望？

⋅中秋快乐!(.有图o.)

更多帖子

关注私信空间博客

程序员鼓励师

本版专家分：869

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>多选框</title>
<script>
function $A(name){return document.getElementsByName(name);}
window.onload=function(){
/**
* 复选框限制
* @param {Object} name 复选框的name
* @param {Object} maxck 最多复选个数
*/
function checks(name,maxck){

var value="";

var cks = $A(name);
function check(){
var t=0;
for(i=0;i<cks.length;i++){
if(cks[i].checked){t++;   }
if(t>maxck){return false;}
}
return true;
}
for(i=0;i<cks.length;i++){
cks[i].onclick=function(){
if(!check()){
alert("最多选择"+maxck+"个");
this.checked=false;
}
}
}

}

checks("cd1",4);



}

function a()
{
   var value="";
   for (var i=0;i<cd1.length;i++ ){
     if(cd1[i].checked){ //判断复选框是否选中
    value=value+cd1[i].value + ","; //
  }
   }


var aa= value.substring(0,value.length-1);

if(testStr(aa)!=true)
{
alert("没有连续选择");}
else
{alert("连续选择(^_^)");}

}

function testStr(str){

  var arrStr = str.split(",");

  var startStr = arrStr[0].charCodeAt();

  for(var i=1,n=arrStr.length;i<n;i++){

    if(arrStr[i].charCodeAt() != ++startStr) return false;

  }

  return true;

}

</script>

</head>
<body>

<form name="form1" method="post"  >
对这个限制4个选择<br>
<input type="CHECKBOX" id=cd1 name="cd1" value="A">A
<input type="CHECKBOX" id=cd1 name="cd1" value="B">B
<input type="CHECKBOX" id=cd1 name="cd1" value="C">C
<input type="CHECKBOX" id=cd1 name="cd1" value="D">D
<input type="CHECKBOX" id=cd1 name="cd1" value="E">E
<input type="CHECKBOX" id=cd1 name="cd1" value="F">F
<input type="CHECKBOX" id=cd1 name="cd1" value="G">G
<input type="CHECKBOX" id=cd1 name="cd1" value="H">H
<input type="CHECKBOX" id=cd1 name="cd1" value="I">I
<input type="CHECKBOX" id=cd1 name="cd1" value="J">J
<br>

<input type=button value='连续选择判断' onclick=a()>
</form>
</body>
</html>
加了个按钮来判断 ,看看行么

0 2014-09-08 20:36:13

只看TA 引用举报 #7    得分 0

⋅终于完成了小目标还是买不起房只能散分

⋅最近论坛页面体验很不好

⋅合上电脑发现四周空无一人突然有感而发

更多帖子

关注私信空间博客

kk3k2005

本版专家分：51374

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！

黄花 2013年11月 Web 开发大版内专家分月排行榜第二

蓝花 2013年10月 Web 开发大版内专家分月排行榜第三: 每个check给个数字从 1- 10（假定你有10个）
然后获取打钩的check的数字
4个且连续

0 2014-09-09 10:32:53

只看TA 引用举报 #8 得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 _小白_ 本版专家分：0: <!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>checkbox</title>
    <script src="jquery-1.8.3.min.js"></script>
</head>
<body>
<div class="test-checkbox J-checkbox">
    <input type="checkbox" name="cb" data-index="0">1 号 <br/>
    <input type="checkbox" name="cb" data-index="1">2 号<br/>
    <input type="checkbox" name="cb" data-index="2">3 号 <br/>
    <input type="checkbox" name="cb" data-index="3">4 号 <br/>
    <input type="checkbox" name="cb" data-index="4">5 号 <br/>
    <input type="checkbox" name="cb" data-index="5">6 号 <br/>
</div>
<script>
    jQuery(function ($) {
        function checkBox(num) {
            var $checkBox = $(".J-checkbox").find("input[name=cb]");

            $checkBox.on("click", function () {
                var tempArr = []; //已经被选中的值索引
                var saveArr = []; //保存是否连续的值
                var checkObj = []; //保存被选中的状态

                $checkBox.each(function () {
                    var $this = $(this), $thisIndex = $this.data("index");
                    if ($this.prop("checked")) {
                        checkObj[$thisIndex] = true;
                        tempArr.push($thisIndex);
                    } else {
                        checkObj[$thisIndex] = false;
                    }
                });

                for (var i = 0, len = checkObj.length; i < len; i++) {
                    if (checkObj[i]) {
                        saveArr.push(i);
                        if (checkObj[i + 1]) {
                            continue;
                        } else {
                            break;
                        }
                    }
                }

                if (saveArr.length <= num) {
                    if (saveArr.sort().toString() != tempArr.sort().toString()) {
                        alert("因为不是连续的选中项, 所以不能选中或者取消！");
                        return false;
                    }
                } else {
                    alert("大于" + num + "个不能继续连续选中了！");
                    return false;
                }
            });
        }

        checkBox(4);
    });
</script>
</body>
</html>

0 2014-09-09 11:34:24

只看TA 引用举报 #9    得分 0

_小白_ 本版专家分：0: 试试我发的这个是不是楼主，你想要的？

0 2014-09-09 11:40:05

只看TA 引用举报 #10 得分 0

⋅请教一个checkbox连续选择的问题 ⋅怎样判断一个小数的十分位和百分位是不是0 ⋅请教一个asp.net mvc @RenderBody()的问题 更多帖子 关注私信空间博客 Dick_Cowboy 本版专家分：0: 引用 10 楼 SEOxiaobai 的回复:
试试我发的这个是不是楼主，你想要的？

可以帮我改一下吗？改成点击提交按钮以后再检查是否是连续的或者超过了4个，谢谢！

0 2014-09-11 16:58:46

只看TA 引用举报 #11 得分 0

请教一个checkbox连续选择的问题 [问题点数：40分]