javascript - 使用 fadeIn fadeOut 使用 jquery 显示、隐藏复选框

标签 javascript jquery checkbox fadein fadeout

我正在写一个表单,它有复选框,我写了一个脚本来显示和隐藏它们(特别是在选中其中一个复选框时隐藏所有其他复选框)。
当我需要它来隐藏输入复选框时,我已经走到这一步了,但是下面这段代码正在做的是:它只显示 1 个复选框(第二个)。为什么,我怎样才能同时隐藏两个复选框?

$('input:checkbox.individual' && 'input:checkbox.organization').stop(true,true).fadeIn("normal")

这是我的 html:

                <div class="field check check-entity">
                    <label for="entity_type">For what kind of entity are you requesting sponsorship?<span class="form_required">*</span></label><br><br>
                    <input type="checkbox" name="entity_type" value="entity_project" class="project"/><label for="entity_project" class="lalbe_project">Project</label>
                    <input type="checkbox" name="entity_type" value="entity_individual" class="individual"/><label for="entity_individual"class="label_individual">Individual</label>
                    <input type="checkbox" name="entity_type" value="entity_organization" class="organization"/><label for="entity_organization" class="label_organization">Organisation</label>
                </div>

最佳答案

在选择字符串中使用,来选择多组元素

$('input.individual:checkbox, input.organization:checkbox')
//                          ^ see here

关于javascript - 使用 fadeIn fadeOut 使用 jquery 显示、隐藏复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19170157/

相关文章:

javascript - 事件绑定(bind)方法和性能 $(document).on ("click", "#id", fn) VS $ ("#id").on ("click", fn)

python - 在 pyqt 中使用复选框

android - 如何在Android Kotlin的RecyclerView中为CheckBox添加isChecked和unChecked事件

javascript - 为什么在处理数组中的第二个以上索引后,单击如果检查会出现故障

javascript - 如何使用上下文在 Canvas 中旋转圆弧?

javascript - 在多选中选择后搜索无法正常运行

javascript - 如何将图像预加载到 Orbit slider 中?

javascript - 如何统计复选框选中值的总数

javascript - 以秒和毫秒为单位的秒表

javascript - 如何切换表 tr 上的类