javascript - checkbox选中状态判定，用了prop()还是不管用。。急求解决

问题描述

问 题

我需要选中复选框，对应的td的text值就变化一个数字，用了prop()来判断复选框的选中状态，但是只有用FF对应的td的text值才会变化，其他浏览器都不会有对应的变话。
HTML：

<td class="td2" id="office1">
    <!--for与id保持一致,用for功能，点击字自己打勾-->
    <input type="checkbox" name="one[]" id="publicval" value="-5" class="td3" />
    <label for="publicval">1.未设置（或因人员调整后未及时变更）专（兼）人负责办公场所消防及公共设施的，扣 5 分/处；</label>
    <br />
    <input type="checkbox" name="one[]" id="notidentify" value="-5" class="td3" />
    <label for="notidentify">2.办公室未标识的、未张贴定置图和卫生值日表的,或未及时变更的，扣 5 分/处；</label>
    <br />
    <input type="checkbox" name="one[]" id="incomplete" value="-5" class="td3" />
    <label for="incomplete">3.办公场所公用设施维修无记录或记录不完整的，扣5分/次；</label>
    <br />
    <input type="checkbox" name="one[]" id="duty" value="-5" class="td3" />
    <label for="duty">4.未按照要求实施检查或未按要求上报 5S考核检查记录的,或因外出未安排替代人员落实的（替代人员仅对责任人负责），扣5分/次;</label><br />
</td>
<td id="office_add1">0</td>

JS代码：

//    计算officeadd1
        $("#publicval").click(function() {
            if($("#publicval").prop("checked")) { publicval = $("#publicval").val(); } else { publicval = 0 }
            a = add_four(publicval, notidentify, incomplete, duty);
            Number(a);
            $("#office_add1").html(a);
            sumcount();
            sumsumsum = add_four(sumcountone, sumcounttwo, sumcountthree, sumcountfour);
            Number(sumsumsum);
            $("#deduction_sum").text(sumsumsum);
        })

FF显示的样子：

chrome显示的样子，数值没有随着被选中而改变：

解决方案

试了一下，有这个错误，你看一下是不是这里有写错或者别的问题，你用chrome看下错误

这篇关于javascript - checkbox选中状态判定，用了prop()还是不管用。。急求解决的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！