基于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);
}