javascript - 用于两个以上带有检查值的输入的替代逻辑运算符

Question

我有 JS 脚本:

<script>
  $(document).ready(function () {
   $('#new_logo_box').click(function (event) {
    if (this.checked) {
      $('#basic_info').slideDown(400); }
    else {
      $('#basic_info').slideUp(400);}
    });                                        
   });
</script>

现在我想使用替代逻辑运算符检查多个输入。我该怎么做呢？我正在尝试:

<script>
      $(document).ready(function () {
       $('#new_logo_box').click(function (event) ||
       $('#renew_logo_box').click(function (event) {
        if (this.checked) {
          $('#basic_info').slideDown(400); }
        else {
          $('#basic_info').slideUp(400);}
        });                                        
       });
</script>

但这不起作用...

Answer 1

您可以单独选择每个元素并使用 add将事件监听器添加到它们:

var newLogoBox = $('#new_logo_box');
var renewLogoBox = $('#renew_logo_box');

newLogoBox.add(renewLogoBox).on('change', function () {
    if (newLogoBox.prop('checked') || renewLogoBox.prop('checked')) {
        $('#basic_info').slideDown(400);
    } else {
        $('#basic_info').slideUp(400);
    }
});