求JS控制checkbox复选框数量和类别的代码!
下面我来用城市类比一下代码的要求,复选框内容如下:上海伦敦北京纽约东京华盛顿广州大阪曼彻斯特横滨洛杉矶利物浦当选择了一个城市时,其他非该国家的城市变为不可选,比如选择了上...
下面我来用城市类比一下代码的要求,复选框内容如下:
上海 伦敦 北京 纽约 东京 华盛顿 广州 大阪 曼彻斯特 横滨 洛杉矶 利物浦
当选择了一个城市时,其他非该国家的城市变为不可选,比如选择了上海,则只有北京广州为可选。
当选择了2个城市时,所有其他城市都变为不可选。
提交按钮为不可选,直到选择了2个城市以后,才变为可提交!
希望我说的足够明白,大神们请留意一下,多谢! 展开
上海 伦敦 北京 纽约 东京 华盛顿 广州 大阪 曼彻斯特 横滨 洛杉矶 利物浦
当选择了一个城市时,其他非该国家的城市变为不可选,比如选择了上海,则只有北京广州为可选。
当选择了2个城市时,所有其他城市都变为不可选。
提交按钮为不可选,直到选择了2个城市以后,才变为可提交!
希望我说的足够明白,大神们请留意一下,多谢! 展开
展开全部
在复选框上绑定change事件,并且你应该有个国家的匹配表。
当change事件触发时,首先检测每个复选框的选中状态,如果等于2个了,则其他的都disable掉,并且提交按钮变为可选。函数结束。
然后就是小于2个的情况了。获取已经选择的复选框的值,此时如果一个都没选中的话为undefined,那个就把所有复选框变为可选状态,即取消disabled属性。
剩下的就是处理选中一个的情况。根据自己设置的国家表,到国家表里去找出和选择的城市匹配的城市,然后将那些复选框变为可选,其他的变为不可选。
当change事件触发时,首先检测每个复选框的选中状态,如果等于2个了,则其他的都disable掉,并且提交按钮变为可选。函数结束。
然后就是小于2个的情况了。获取已经选择的复选框的值,此时如果一个都没选中的话为undefined,那个就把所有复选框变为可选状态,即取消disabled属性。
剩下的就是处理选中一个的情况。根据自己设置的国家表,到国家表里去找出和选择的城市匹配的城市,然后将那些复选框变为可选,其他的变为不可选。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询