Question

我正在尝试为复选框设置自定义验证。我有7个复选框，每个复选框都有相同的名称，我想确定是否检查了最后一个。这是我的代码，我知道它的错误，任何人都可以解释如何正确地堆叠：last和：checked选择器一起？

$.validator.addMethod('ObserverOtherBox',function(v, e) {
   return ($('[[name="4_observers"]:last]:checked').length == 1) && ($('[name="4_observerstxt"]').length == 0) ;
}, 'Please enter the other observers');

Answer 1

你可以像这样叠加选择器：

$('[name="4_observers"]:last:checked')

只需将它们附加在一起，没有空格，这适用于所有选择器，无论是：

$('[name="4_observers"][id=4][rel=bob]')
// or:
$(':input:checkbox:last:checked')

当然那些是可怕的实际选择器，但你明白了这一点：）

另外，您可以像这样编写您的特定代码，我想更清楚一点：

$.validator.addMethod('ObserverOtherBox',function(v, e) {
  return $('[name="4_observers"]:last').is(':checked') 
      && $('[name="4_observerstxt"]').length == 0;
}, 'Please enter the other observers');

Answer 2

谢谢你的工作。而不是（＆＃39;：已检查＆＃39;）我使用.prop（＆＃39;已检查＆＃39;），

        var lastCheckBox = $('[name="LastCheckboxId"]:last');

        //onload
        $(".someDiv").hide();
        if (lastCheckBox .prop('checked')) {
            $(".someDiv").show();
        }

        //onchange
        lastCheckBox.change(function () {
            if ($(this).prop('checked')) {
                $(".someDiv").show();
            } else {
                $(".someDiv").hide();
            }
        });

堆叠：最后和：一起检查jQuery选择器

2 个答案: