如果单选框是唯一显示的，则自动选中它

Question

因此，我有以下形式的单选框

<li><input type="radio" name="names" value="blah"><a>Some text (blah)</a></li>

There are 100 plus of such radio Buttons.

现在，我有一个 jQuery 过滤器，来自此处。过滤器工作良好。

但是，我想设置一个 jQuery 语句，如果单选按钮是显示的单选按钮中唯一剩下的，则该语句将自动选择该单选按钮。

该过滤器使用 show() 和 hide()，我认为这意味着它将其从 display: block 切换到 display: none;

我自己做这件事的最佳方法看起来像这样，但它不起作用：

     if($('li').attr({"display":"block"}).size()==1)
      {
      $('input[cvs_name]:eq(1)').attr('checked', 'checked');
      }

我怎样才能做到这一点？

Answer 1

var $visible = $('ul').find('li:visible');
if($visible.length == 1) {
    $visible.find('input:radio').attr('checked','checked');
}

Answer 2

试试这个：

if ($("li:visible").length === 1) {
    $("li:visible input").attr("checked", "checked");
}

jQuery 有一个 visible 过滤器，它只选择元素哪些不是隐藏的。 （当然，还有一个 hidden 过滤器，用于选择那些哪些是。）