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,选一等奖的时候,底下相应复选框禁用或隐藏,其他同理。

下拉菜单控制二级下拉菜单显示与隐藏JS代码
注意,这里不是用 selectObj.options[i] 而是用的 selectObj.options[0] ,由于在 options[0] 删除后,后面的选项就会补上,因此,我们只需要 selectObj.options[0] = null 。4.设置一个提示选择项和默认选择项:通常我们在下拉列表中会设置一个提示选择项,如:“请选择城市”,这个选项值为空...

在一个表单中,当选择了一个下拉菜单的某值时,表单中的一个文本框自动...
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。2、在index.html中的标签,输入js代码:$('#myselect').change(function () {$('#total').val($('#myselect').val());});。3、浏览器运行index.html页面,此时将下拉菜单调整为“紧急”后,文本框自动输入了5。

JS两个相关的下拉框如何在第二个下拉框中不显示第一个下拉框选取...
$(function(){$("#select1").bind("change",function(){$("#select2").find("option[value="+$(this).val()+"]").remove();});});0123012

jsz一个页面有4个下拉菜单,怎么用最简单的办法判断,4个下拉菜单只能选择...
这样做不方面吧,比如现在我选择了slt1的某项,之后我后悔了,想选择slt2(或其它的),我得先将slt1选为空后才可以操作其它slt,当然了也可以刷新页面重新填(但前面填的信息都没了)。建议改为:不管是选择哪个slt,都将值写到一个公共的地方,如文本框中或隐藏域中,这样后面选择的会覆盖前面的...

当下拉框的值改变后另一个下拉框的值跟着变!用JS怎么实现?
把下拉框的数据全部读出,并存放在JS的Array中。 当选择下拉框的时候触发onChange()事件动态的添加或改变级联 下拉框的内容。 var areaArray = new Array(); areaArray[areaArray.length]=new Array("1","杭州"); areaArray[areaArray.length]=new Array("2","湖州"); areaArray[...

js怎么能取得多选下拉框选中的多个值?
方法:获取多选下拉框对象数组→循环判断option选项的selected属性(true为选中,false为未选中)→使用value属性取出选中项的值。实例演示如下:1、HTML结构 option-A option-Boption-C option-D2、javascript代码 function fun(){var select = document.getElementById("test");var str = [];for(...

怎那样用js实现点击select下拉框中的选项更改页面内容
var Dept = mainPage.document.getElementsByName("Dept")[i-1];for(var k=0;k<Dept.length;k++) { if(Dept[k].value==trim(treatDetailRow.cells[2].innerHTML)) { Dept[k].selected=true;} } ++++++++++ 下拉菜单 newCell=newRow.insertCell();newCell.align="center";newCell.clas...

怎么样异步做2个下拉框的联动,当一个下拉框选择数据时候,去后台请求另...
这个需要Ajax传值的,你会吗?先用js获得下拉框的值,再用Ajax把值传给后天action,调用service层,在调用dao层读取数据,再把数据传到前台,进行处理后再把值赋给下拉框。大致思路就是这样,你给的分太少了,就不给你代码了。满意的话就采纳吧!

用JS根据选择框的值来给输入框赋值
自己再按自己要求改改吧。代码如下:<!doctype html>新租新买折旧document.getElementById('s').onchange=function(){x=this.options[this.selectedIndex].getAttribute('x');y=this.options[this.selectedIndex].getAttribute('y');document.getElementById('x').value=x;document.getElementById('y'...

怎样让JAVA下拉列表框控制另外一个下拉列表框
在一个下拉列表框(我假设是JComboBox)上面加上ItemListener,来让另一个改变选择。我试了一下,效果还行。当然,Layout Manager我还是推荐MigLayout,强大。自带的BorderLayout还是粗糙了一点。import java.awt.BorderLayout;import java.awt.event.ItemEvent;import java.awt.event.ItemListener;import javax...

相似回答