js如何根据下拉框的每个选项,限制另一个复选框小组的选择个数
给
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script id="script" type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>
<body>
<select id="c">
<option value="1">1个</option>
<option value="2">2个</option>
<option value="3">3个</option>
</select>
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="checkbox" name="">
<script type="text/javascript">
var $cbs=$('input:checkbox');
var cc = 0;
$('#c').change(function(){
$cbs.prop('checked',false);
cc = 0
});
$cbs.click(function(){
var sc = parseInt($('#c option:selected').val());
if($(this).prop('checked')){
if(cc+1>sc)
return false;
cc++;
}else{
cc--;
}
});
</script>
</body>
</html>
恩 先排除 是不是jquery 有什么冲突 另外我不知道你的js怎么写的 、不会是把我那个直接粘上了吧,你这个一定要改的