Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
基于javascript值的限制复选框_Javascript_Jquery_Html_Javascript Events - Fatal编程技术网

基于javascript值的限制复选框

基于javascript值的限制复选框,javascript,jquery,html,javascript-events,Javascript,Jquery,Html,Javascript Events,我正在尝试根据值更改创建复选框限制示例: 我有以下复选框 <input type="checkbox" name="checkbox2[]" onClick="setChecks(this)" value="`key`=<?php echo $rspatient['key']?>" class="chk" id="chk<?php echo $a++?>" /> 经过一番周折,我终于找到了一个可行的解决方案 1 <input type="checkb

我正在尝试根据值更改创建复选框限制示例: 我有以下复选框

<input type="checkbox" name="checkbox2[]" onClick="setChecks(this)" value="`key`=<?php 
echo $rspatient['key']?>" class="chk" id="chk<?php echo $a++?>" />

经过一番周折,我终于找到了一个可行的解决方案

1 <input type="checkbox" value="1" /><br/>
2 <input type="checkbox" value="2" /><br/>
3 <input type="checkbox" value="3" /><br/>
1 <input type="checkbox" value="1" /><br/>
2 <input type="checkbox" value="2" /><br/>
3 <input type="checkbox" value="3" /><br/>
1 <input type="checkbox" value="1" /><br/>
2 <input type="checkbox" value="2" /><br/>
3 <input type="checkbox" value="3" /><br/>

$(function() {
var lastChecked = [];
$(':checkbox').change(function() {
    if (this.checked) {
        if (lastChecked.length && this.value != lastChecked[0].value) {
            this.checked = false;
            alert("the last box you checked has a different value");
        }
        else
        {
            lastChecked.unshift(this);
        }
    }
    else {
        lastChecked.splice(lastChecked.indexOf(this), 1);
    }
});
});​
1
2
3
1
2
3
1
2
3
$(函数(){ var lastChecked=[]; $(':复选框')。更改(函数(){ 如果(选中此项){ if(lastChecked.length&&this.value!=lastChecked[0].value){ 此项检查=错误; 警报(“上次选中的框具有不同的值”); } 其他的 { 上次选中。取消移动(此); } } 否则{ lastChecked.splice(lastChecked.indexOf(this),1); } }); });​

}));
});​

您在哪里初始化“checkCount”?lol上方一行,我建议从代码中删除
行。它们没有任何用途。您正确的im尝试基于值进行限制此限制基于复选框的数量@FelixKling复选框value=“
=”@FelixKling@Diodeus
1 <input type="checkbox" value="1" /><br/>
2 <input type="checkbox" value="2" /><br/>
3 <input type="checkbox" value="3" /><br/>
1 <input type="checkbox" value="1" /><br/>
2 <input type="checkbox" value="2" /><br/>
3 <input type="checkbox" value="3" /><br/>
1 <input type="checkbox" value="1" /><br/>
2 <input type="checkbox" value="2" /><br/>
3 <input type="checkbox" value="3" /><br/>

$(function() {
var lastChecked = [];
$(':checkbox').change(function() {
    if (this.checked) {
        if (lastChecked.length && this.value != lastChecked[0].value) {
            this.checked = false;
            alert("the last box you checked has a different value");
        }
        else
        {
            lastChecked.unshift(this);
        }
    }
    else {
        lastChecked.splice(lastChecked.indexOf(this), 1);
    }
});
});​
 lastChecked.splice(lastChecked.indexOf(this), 1);
}