Question

我试图找出在选择了一定数量的单选按钮后如何显示DIV。

我有它工作所以当所有人都被选中时，由于个人询问了这个主题的类似方面，但我无法找到关于我的问题的代码或指导。

非常感谢您的建议。

jQuery(document).ready(function() {
$(":radio").change(function() {
    var names = {};
    $(':radio').each(function() {
      names[$(this).attr('name')] = true;
    });
    var count = 0;
    $.each(names, function() { 
      count++;
    });
    if ($(':radio:checked').length === count) {
      $("#hello").show("400","linear","");
    }
}).change();
});

Answer 1

$(':radio:checked').length是所选单选按钮的数量。所以只需将其与您想要的数字进行比较。

if ($(':radio:checked').length == certain_number) {
    ...
}

Answer 2

看起来您已经拥有了想要的工作，但是您将检查项目的数量与总项目数量进行比较。如果它看起来如下，我认为它应该有效：

jQuery(document).ready(function() {
    $(":radio").change(function() {
        var count = 3; // or whatever number you want
        if ($(':radio:checked').length === count) {
          $("#hello").show("400","linear","");
        }
    });
});

Answer 3

$(":radio").change(function() {
  $(":radio").length == $(":radio:checked").length ? $("#hello").show() : null;
});

创建一个数组然后计数只是为了得到一些无线电数量的长度的中间步骤是没有意义的。

绑定事件处理程序后立即触发更改事件对我来说似乎不合逻辑。你确定要的吗？

选择“X”数量的单选按钮后，显示DIV

3 个答案: