如何统计表单中选中值为Yes/No的topic类select元素数量?
解决方案
你可以通过以下两种方式修改代码,实现只统计选中值为"Yes"或"No"的.topic元素数量:
方法一:使用filter方法筛选
这种方式逻辑清晰、灵活性强,适合后续需要调整筛选条件的场景:
var countTopic = $('.topic').filter(function() { var selectedVal = $(this).val(); return selectedVal === 'Yes' || selectedVal === 'No'; }).length; alert(countTopic);
原理:先选中所有class为topic的select元素,再通过filter方法筛选出选中值为"Yes"或"No"的元素,最后获取符合条件的元素总数。
方法二:使用属性选择器直接匹配
这种方式代码更简洁,直接定位符合条件的元素:
var countTopic = $('.topic[value="Yes"], .topic[value="No"]').length; alert(countTopic);
原理:利用CSS属性选择器,直接选中value属性为"Yes"或"No"的.topic元素(select的value属性会自动同步选中option的value值),再获取其数量。
内容的提问来源于stack exchange,提问作者evanburen
相关产品推荐
相关产品推荐

