js如何根据下拉框的每个选项,限制另一个复选框小组的选择个数

比如图上,一等奖,底下复选框只能选5个,二等奖3个,三等奖2个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>

追问

您好,我想问下,html里是没有问题的  但是放到我的组件里就不行了

是因为包裹的太多了么  这个组件

追答

恩 先排除 是不是jquery 有什么冲突 另外我不知道你的js怎么写的 、不会是把我那个直接粘上了吧,你这个一定要改的

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-08-15
监听select,选一等奖的时候,底下相应复选框禁用或隐藏,其他同理。
相似回答