Javascript 根据选中的复选框集更改变量

我有一组复选框，根据所选框的组合具有不同的值，但我编写的代码不起作用，我在想可能我的&&符号的位置不在正确的位置，但我不知道可以将其放在何处运行代码

以下是html代码：

<form role="form" id="checkbox" name="checkbox" onclick="changevalue()">
    <input type="checkbox" id="f1">Full Front
    <input type="checkbox" id="b1">Full Back
    <input type="checkbox" id="f2">Pocket
</form>

<input type="number" id="checkboxResult">

正面
后卫
口袋

下面是脚本：

 <script type="text/javascript">
    function changevalue(form){
        var chkboxvalue = 0;
            if (document.getElementById('f1').checked) &&
            if (document.getElementById('b1').checked) {
                chkboxvalue = 2.2;
            };

            if (document.getElementById('f2').checked) &&
            if (document.getElementById('b1').checked) {
                chkboxvalue = 1.7;
            };

        document.getElementById('checkboxResult').value = chkboxvalue;
    }
</script>

函数值（形式）{
var chkboxvalue=0；
if（document.getElementById（'f1'）。选中）&&
if（document.getElementById（'b1'）。选中）{
chkboxvalue=2.2；
};
if（document.getElementById（'f2'）。选中）&&
if（document.getElementById（'b1'）。选中）{
chkboxvalue=1.7；
};
document.getElementById（'checkboxResult'）。value=chkboxvalue；
}

如果，使用&&不需要额外的

：

function changevalue(form){
    var chkboxvalue = 0;
        if ((document.getElementById('f1').checked) &&
           (document.getElementById('b1').checked)) {
            chkboxvalue = 2.2;
        };

        if ((document.getElementById('f2').checked) &&
           (document.getElementById('b1').checked)) {
            chkboxvalue = 1.7;
        };

    document.getElementById('checkboxResult').value = chkboxvalue;
}

或者更一般地说：
这样做：
if（a&b）{…}
而不是这个：
if（a）&&if（b）{…}
你能再解释一下吗？我真的很困惑。在一个if语句中，您可以使用&（逻辑AND）和| |（逻辑OR）设置任意多个条件。您最初编写代码的方式实际上会产生语法错误。哦，我明白了，我再次检查了它，它工作正常。非常感谢你。