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

比如图上,一等奖,底下复选框只能选5个,二等奖3个,三等奖2个js怎么写呢?求教... 比如图上,一等奖,底下复选框只能选5个,二等奖3个,三等奖2个js怎么写呢?求教 展开
 我来答
无野楼升域醉0t
2019-08-15 · TA获得超过8552个赞
知道小有建树答主
回答量:1498
采纳率:88%
帮助的人:497万
展开全部


<!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怎么写的 、不会是把我那个直接粘上了吧,你这个一定要改的
nyqgzh
2019-08-15
知道答主
回答量:1
采纳率:0%
帮助的人:704
展开全部
监听select,选一等奖的时候,底下相应复选框禁用或隐藏,其他同理。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式