我一直在尝试创建一个 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/
但想知道是否可以以更好的方式完成。
最佳答案
这里有很大的简化空间:
$(".toogle").click(function () {
$(this)
.toggleClass("on off")
.closest('tr')
.find('select')
.val($(this).hasClass("on") ? "1" : "0");
});
关于javascript - Jquery 切换下拉值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22082381/