Javascript 确保选中页面重新加载jQuery上的复选框

因此，我对jQuery的这段代码有一些奇怪的功能：

$(document).ready(function()
{
    $('.pinToggles').attr('checked','checked');
})

这是html：

<input type="checkbox" id="redCheck" name="pinSet" value="Red" class="pinToggles" onclick="pinSetCheck(redSet)">Red
<input type="checkbox" id="yellowCheck" name="pinSet" value="Yellow"  class="pinToggles" onclick="pinSetCheck(yellowSet)">Yellow<br>
<input type="checkbox" id="greenCheck" name="pinSet" value="Green"  class="pinToggles" onclick="pinSetCheck(greenSet)">Green
<input type="checkbox" id="blueCheck" name="pinSet" value="Blue"  class="pinToggles"onclick="pinSetCheck(blueSet)">Blue<br>

但我认为jQuery是更好的方法，但不确定为什么它现在的反应方式如此。

使用

$('input:checkbox[name="pinSet"]').prop('checked',true);

或

或

$（elem）.prop（“选中”）true（布尔值）将随复选框更改 陈述

$（elem）.attr（“已检查”）（1.6）“已检查”（字符串）的初始状态 复选框；不变

使用

或

或

$（elem）.prop（“选中”）true（布尔值）将随复选框更改 陈述

$（elem）.attr（“已检查”）（1.6）“已检查”（字符串）的初始状态 复选框；不变

---

效果很好。你能解释一下为什么这比.attr（）有效吗？效果很好。你能解释为什么这比.attr（）有效吗？

$('input:checkbox[name="pinSet"]').prop('checked',true);

$('.pinToggles').prop('checked',true);

$('#redCheck,#yellowCheck,#greenCheck,#blueCheck').prop('checked',true);