javascript - 用 jQuery 替换字段

Question

为什么第 10 行返回 null？

http://pastie.org/720484

它适用于第 40 行

Answer 1

您似乎没有正确掌握 siblings() 运算符。您也没有使用 jQuery 的 val() 函数，并且在您的某些类名中缺少句点。要找到 address1 类，您需要执行以下操作:

var $checkbox = jQuery(this); 
$checkbox.parent().siblings('.formField').find('.address1');

此外，您希望警报是

alert($checkbox.parent().siblings('.formField').find('.address1').val());

提醒输入框的值。

修复和优化版本:

function update_address(eventObject) { 
  var $checkbox = jQuery(this);
  var $siblings = $checkbox.parent().siblings('.formField');
  if ($checkbox.attr('checked')) { 
      $siblings.find('.address1').val($('.hidden_address1').val());
      $siblings.find('.address2').val($('.hidden_address2').val());
      $siblings.find('.city').val($('.hidden_city').val());
      $siblings.find('.state').val($('.hidden_state').val());
      $siblings.find('.zip').val($('.hidden_zip').val());
      $siblings.find('.province').val($('.hidden_province').val());
      $siblings.find('.country').val($('.hidden_country').val());
  } else { 
      $siblings.find('.address1').val('');
      $siblings.find('.address2').val('');
      $siblings.find('.city').val('');
      $siblings.find('.state').val('');
      $siblings.find('.zip').val('');
      $siblings.find('.province').val('');
      $siblings.find('.country').val('');
  }    
}