javascript - 使用Javascript/JQuery取消选中复选框

我有一个简单的复选框

<div>
   <input type="checkbox" id="chkBox1" value="Test" /> Test
</div>

MVC 5为此复选框呈现此html

<div class="checker" id="uniform-chkBox1">
   <span class="checked">
     <input type="checkbox" value="Test" id="chkBox1">
   </span>
</div>

我想使用Javascript / JQuery取消选中此复选框，但无法弄清楚。使用Firebug，当我删除“选中”的跨度类时，该复选框处于未选中状态，但是我无法弄清楚如何在Javascript中执行此操作。

最佳答案

$('#chkBox1').prop('checked', true)

检查它并

$('#chkBox1').prop('checked', false)如果关闭则关闭。

除了prop()，您还可以使用attr()

如果您只是想从checked元素中删除类span。你可以做

$('#uniform-chkBox1 span.checked').removeClass('checked')