JQuery 输入选择器 - 一次更改和加载选择

Question

我有一个函数可以根据选定的单选按钮值更改输入标签父（和兄弟）的背景颜色。但是，当有预选的输入值时，我希望将相同的规则应用于表单加载。如何一次性完成？

这是我当前的代码：

    $("input.hvl-radiobutton").change(
    function() {
        if ( $(this).val() == '14999:0') {
            $(this).parents('td.ml-FldCnt').siblings().addBack().css({backgroundColor: "lightcoral"});
        } else if ( $(this).val() == '14998:0') {
            $(this).parents('td.ml-FldCnt').siblings().addBack().css({backgroundColor: "lightgreen"});
        } else if ($(this).val() == '15000:0') {
            $(this).parents('td.ml-FldCnt').siblings().addBack().css({backgroundColor: "lightyellow"});
        }
    });

Answer 1

你可以创建一个函数并调用它两次...

function doStuff(inputVal) {
        if (inputVal.val() == '14999:0') {
            inputVal.parents('td.ml-FldCnt').siblings().addBack().css({backgroundColor: "lightcoral"});
        } else if (inputVal.val() == '14998:0') {
            inputVal.parents('td.ml-FldCnt').siblings().addBack().css({backgroundColor: "lightgreen"});
        } else if (inputVal.val() == '15000:0') {
            inputVal.parents('td.ml-FldCnt').siblings().addBack().css({backgroundColor: "lightyellow"});
        };
};
$(document).ready(function(){
	$("input.hvl-radiobutton").each(function(){
		doStuff($(this));
	});
	$("input.hvl-radiobutton").change(function(){
		doStuff($(this));
	});
});