如何在jQuery中嵌入更改函數內的點擊函數？

Question

我有一個選擇下拉列表有兩個選項：是/否（實際上是三個：也有「選擇一個選項」沒有值）。 然後有一些chekboxes處理一些變量（當檢查變量被添加到一個全局變量（稱爲tot），當unckecked他們被扣除）。我希望有兩種不同的複選框行爲，具體取決於下拉選項是「是」還是「否」。所以我寫了這個，但我認爲我誤解/誤認了某些東西，因爲它不起作用（它不是嵌套在更改選擇功能中時起作用）。

<select name="container" id="container"> 
<option id="none" value="" >Select an option</option> 
<option id="no" value="no" >no</option> 
<option id="yes" value="yes" >yes</option> 
</select> 

而這裏的JavaScript（用jQuery庫）

var tot = 0; 
$(document).ready(function() { 

    $("#container").change(function() { 
     var sel = $(this).find(":selected").attr("id") 
     if (sel == "no" || sel == "none") { 

      $("#in-category-1").click(function() { 
       if ($('#in-category-1').is(':checked')) { 
        if (tot < 60) { 
         tot = tot + 2.5; 
        } else if (tot >= 60) { 
         alert('Stop!'); 
         $('#in-category-1').attr('checked', false); 
        } 
       } else if (tot > 0) { 
        tot = tot - 2.5; 
       } 
       functionblablabla(); 
       }); 
       if (sel == "yes") { 

        $("#in-category-1").click(function() { 
         if ($('#in-category-1').is(':checked')) { 
          if (tot < 50) { 
           tot = tot + 2.5; 
          } else if (tot >= 50) { 
           alert('Stop!'); 
           $('#in-category-1').attr('checked', false); 
          } 
         } else if (tot > 0) { 
          tot = tot - 2.5; 
         } 
         functionblablabla2(); 
        }); 
       }); 
      }); 

即使選項默認情況下，在頁面加載選擇應該發生某件事（選項存儲在數據庫中），因此如果沒有被選中同樣的事情應該發生

if (($('#no').prop('defaultSelected')) || ($('#none').prop('defaultSelected'))) { 
           $("#in-category-1").click(function() { 
           //same stuff than change select no or select none 
           }); 
    } 

    if ($('#yes').prop('defaultSelected')) { 
           $("#in-category-1").click(function() { 
           //same stuff than change select yes 
           }); 
    } 

我做錯了什麼？

Answer 1

的幾點，你可以做的更好：

• 括號
  • 看起來像「如果是」應該是很大的一部分，如果塊
  • 缺少一些收者
• 不要創建全局VARs
  • 將'tod'var置於dom就緒函數

• 分離以前點擊事件（否則，事件將廟了，如果選項不止一次改變更多）

  $("#in-category-1").off("click");

• 與快捷

  $(this).val();獲得選擇的值

小提琴：http://jsfiddle.net/kmybV/