jQuery切換下拉值

Question

我一直在嘗試創建一個jquery函數，該函數將匯總表行中所有選擇的值。 我想出了解決方案

$(function () {
    $(".toogle").click(function () {
        if ($(this).hasClass("on") === true) {
            $(this).addClass("off");
            $(this).removeClass("on");
        } else {
            $(this).addClass("on");
            $(this).removeClass("off");
        }

        $(this).each(function () {

            if ($(this).hasClass("on") === true) {
                $(this).closest('tr').find('select').each(function () {
                    $(this).val("1");
                });
            } else {
                $(this).closest('tr').find('select').each(function () {
                    $(this).val("0");
                });
            }

        });
    });
});

您可以在此處查看完整的代碼： http : //jsfiddle.net/7BZNe/

但想知道是否可以通過更好的方法來完成。

Answer 1

這里有很多簡化的空間：

http://jsfiddle.net/zt974/

$(".toogle").click(function () {
    $(this)
        .toggleClass("on off")
        .closest('tr')
        .find('select')
        .val($(this).hasClass("on") ? "1" : "0");
});