javascript - 如何使用 JQuery 根据复选框的值默认显示或隐藏？

Question

我有以下 JQuery:

 $('#promotion_profile_offer').live('click', function(e) {
   $('.nooffer').toggle();
 });

它切换表单，如果检测到单击，它将隐藏表单。这在用户取消选中该框的情况下效果很好，但当该复选框默认为未选中并移动为选中时，它没有意义。在这种情况下，当用户单击“报价”复选框时，我的代码将隐藏报价表单。

因此我该如何执行以下操作:

1. 读取#promotion_profile_offer 复选框的值
2. 如果 #promotion_profile_offer 则默认 .nooffer 类为 hide()盒子是假的

谢谢。

Answer 1

$('#promotion_profile_offer').live('click', function(e) {
   var checked = $(this).is(':checked');

   $('.nooffer')[checked ? 'show' : 'hide']();
 });

或者更容易阅读的版本:

$('#promotion_profile_offer').live('click', function(e) {
   var checked = $(this).is(':checked');

   if (checked === false) $('.nooffer').hide()
   else $('.nooffer').show()
 });