javascript - 具有复选框更改属性的奇怪行为

我有这段代码：

<table border="1" style="margin:0 auto;">
    <tr>
        <td class="pointer" style="padding: 2px;"><input style="margin-left: 2px;" type="checkbox" name="nuovoCheck" id="newCheckId" value="N" /></td>
        <td id="textCheckNuovo" class="pointer" onClick="return selectNew();"><b>New</b></td>
    </tr>
</table>

与相关的脚本：

function selectNew() {
    if ($('#newCheckId').prop('checked') == false) {
        $('#newCheckId').attr('checked', true)
    }
    else {
        $('#newCheckId').attr('checked', false)
    }
}

我不知道为什么这只能工作1次：


我单击并选中其复选框
我单击其他时间，然后取消选中该复选框。
但是，如果第三次单击，则什么也没有发生。


我不明白

我想要这样：如果单击复选框旁边的文本，则必须选中该复选框

最佳答案

尝试

function selectNew() {
            if ($('#newCheckId').prop('checked') == false) {
                $('#newCheckId').prop('checked', true)
            }
            else {
                $('#newCheckId').prop('checked', false)
            }
        }